#610 — October 14, 2022
Intl Explorer: A Way to Learn and Experiment with the ECMAScript Internationalization API — Supported by all major browsers, the Intl object provides access to the ECMAScript Internationalization API, a suite of functions for language sensitive string comparison, number formatting, and more. This site provides an interactive way to learn about how it operates.
Event Driven Node.js Hackathon: +$3k in Prize Value — There are still 14 days left, and more than enough time to still submit a project that could win. Courier Hacks: Open Source is holding a contest to see who can build a casual encrypted messaging app. Get started now and you could be the winner.
Node v18.11.0 (Current) Released; Gains ‘Watch Mode’ — Node’s latest release doesn’t gain a lot, but does gain an experimental –watch feature that automatically restarts the running process when imported files are changed (reminiscent of nodemon) – this feature was discussed at length recently.
Danielle Adams (Node.js Project)
Storybook 7.0 will have first class support for Vite.
📊 The results from the first ever State of GraphQL developer survey are out.
Volar 1.0 – Official IDE tooling support for Vue.js.
Ant Design 5.0 Alpha – Popular React UI library.
Rollup 3.1 – The ES module bundler.
RxDB 13.5 – Offline-first, reactive database for JS apps.
Qwik 0.11 – ‘No hydration’, HTML-first framework.
Jest 29.2 & Cypress 10.10 – Testing frameworks.
📒 Articles & Tutorials
The Future of Rendering in React — This kicks off with a review of current patterns (CSR/SSR) and then moves on to some of the new rendering patterns such as streaming SSR and server components. This was also the basis of a recent talk at React Bangalore.
Choosing the Best Node.js Docker Image — If you feel tempted to just throw FROM node into your Dockerfile, think again – there are other options to consider.
Liran Tal (Snyk)
Why We Use Babylon.js Instead of Three.js in 2022 — The Blender addon, support from Microsoft, and Babylon’s rather advanced inspector tooling all won Gordon’s team over.
How I Created a GameBoy-Style Game in 13KB — A developer explains his js13KGames 2022 entry (we linked to the winners last week).
▶ Full Stack for Front-End Developers: Build Your First AWS Amplify and React App — Ali Spittel leads dev advocacy at AWS Amplify and has released the first in a series of free courses on end-to-end development with the Amplify platform. Check out the ▶️ brief trailer.
Ali Spittel (AWS Amplify)
How to Build SVG Line Charts with React, SSR and Tailwind CSS — How to roll your own SVG based line charts in a server-side rendered React app based around either Next.js or Gatsby.
A Semantic HTML Trick for React Components
Using TypeScript Type Guards
How Wix Uses Threading in Node.js Apps to Cut Its Kubernetes Pod Costs
Jessica Wachtel (The New Stack)
🛠 Code & Tools
Javet 2.0.0: Embed Node and V8 in Java Apps — Lets you spin up V8 interpreters or full Node.js runtimes within JVM-based apps. There’s a slide presentation to sell you on the idea and demonstrate how the integration works. The name Javet comes from ‘Java, V, and Eight’.
Knip: Find Unused Files, Dependencies and Exports in TypeScript Projects — Knip is Dutch for “cut” which is appropriate for a tool that trims away things not being used in your project. To compare it to similar existing tools, there’s this handy chart.
Don’t Let Your Issue Tracker Be a Four-Letter Word. Use Shortcut
Shortcut (formerly Clubhouse.io) sponsor
Editly 0.14.0: Declarative Command Line Video Editing — Brings Node and FFmpeg together to let you more programatically edit and construct videos instead of wrangling with arcane ffmpeg command line options.
Sortable: Create and Reorder Lists with Drag-and-Drop — Supporting all modern browsers and touch devices, this library handles list-to-list dragging with auto scrolling, CSS animations, multi-drag support, and more. Lots of demos.
React Table Library: The ‘Almost Headless’ Table Library — Has an interesting showcase site showing off what you can do with it. It’s happy both on the client and server-side and supports TypeScript too.
Offline Support for React Native Is Here! Try V5 of Stream’s Chat SDK
melonJS 14.0: A Lightweight 2D Game Engine — It’s over a decade old, but still going strong. While it’s 2D, it’ll use WebGL for performance (if available). Also offers Web Audio API support, polygon based collision detection, input device support, and more. Here’s an example game.
React Modern Audio Player: An Audio Player with Waveform Visualization — See it in action here.
⚡️ OTHER QUICK RELEASES:
Faker 7.6 – Fake data generation library.
React Tooltip 4.4 – Bet you can guess what it does.
Mineflayer 4.5 – Build Minecraft bots in JS.
CsvToMarkdownTable 1.2 – Turn CSV into Markdown tables.
Full-Stack Engineer (NYC / Remote) — 100M+ devices, 100B+ API calls. Radar is looking for Product Engineers to build geospatial dev tools.
Software Engineer (Security) — Join our “kick ass” team. Our software team operates from 17 countries and we’re looking for more exceptional engineers to join our Security team.
Attend Our October 20th 2022 State of Tech Salaries Panel Discussion — Join Ladies Get Paid, TopResume and Glassdoor for a collaborative panel discussion covering salary trends, negotiation and employer POV of salary comp packages.
♟ Shall we play a game?
Betafish: A Chess Engine and AI Move Finder — The author explains the algorithm used and there’s a playable version online if you fancy a ‘nice game of chess.’