JS Runtime Royale
#667 — December 14, 2023
✍️ Christmas is almost here, so we’re preparing our annual roundup issue for next week, before we take some time off! Keep an eye out for that next Thursday 🙂
Your editor, Peter Cooper
Jarred Sumner et al.
New TypeScript Courses: Take the Learning Path — Join Mike North (Tech Lead at Stripe) for this series of brand new TypeScript courses. You’ll get hands-on practice covering both the fundamentals and advanced features like utility types and advanced generics. Learn best practices to configure and evolve your TS codebase!
Frontend Masters sponsor
Visual Studio Code November 2023 — The latest VS Code release has some handy enhancements for JS developers, including a V8 heap snapshot visualizer, the ability to drag tabs into their own new windows (a.k.a. ‘floating editor windows’), and TypeScript 5.3.
The Deno Team
🎁 GitHub Unwrapped is a fun project that renders your GitHub activity into a video (a la Spotify’s “Wrapped” roundups). The source is available. It uses the React-based Remotion to dynamically create the videos.
There’s only a day or two left to take the State of JS 2023 survey.
The latest Storybook beta has added support for React Server Components.
Million 3.0 – VDOM replacement for faster React.
Croner 8.0 – Trigger functions using cron syntax.
📄 Articles & Tutorials
Benchmarking, Profiling, and Optimizing JS Libraries — As part of this year’s Web Performance Calendar, take a journey with Stéphane to learn about optimizing a library (globalize, in his case) by way of benchmarking and profiling.
What Vue’s Creator Learned the Hard Way with Vue 3 — Evan You shared some of the lessons he learned from the release and reception of Vue 3 around things like including a lot of small breaking changes, to choosing deprecation over breaking changes.
Loraine Lawson (The New Stack)
▶ Deploying Node.js with Google’s Duet AI — Duet AI is Google’s AI-based assistive agent that works both in the IDE and within Google Cloud.
🛠 Code & Tools
RE:DOM 4.0: The 2K UI Library — We first linked to this library over 6 years ago but it’s still going, so if you want something to help with creating and syncing DOM elements that’s ‘close to the metal’, it’s worth a look. v4.0 enables tree shaking and adds viewFactory.
Juha Lindstedt and contributors
TS Docs: Online Reference Docs for npm Packages — Browse reference TypeScript documentation for any package or version of a library.
Alexis H. Munsayac
React Responsive Pagination: Component for Smart Pagination — A responsive pagination component which intelligently adjusts to the available width. The homepage is a live demo, or you can hit the GitHub repo.
Svelte SPA Router: A Router for Svelte 3 and 4 SPAs — Previously for Svelte 3 only, Svelte 4 support has now been added. Upgrade guide.
Alessandro (Ale) Segala
Bringing Performance, Reliability, and CI/CD to Data — Managed infrastructure for versioning, access controls, and performance. Subscribe now.
Facebook Relay 16.1 – The React GraphQL framework.
React PDF 7.6 – Display PDFs in your React apps.
Reactotron 3.0 – React Native debugging tool.
jest-image-snapshot 6.4 – Jest matcher for image comparisons.
pnpm 8.12 – Fast, efficient package manager.
ws 8.15 – Fast Node.js WebSocket library.
np 9.2 – A better npm publish.
😍 Beautiful Planets
Three.js Procedural Planets — This is gorgeous! You can have a lot of fun adjusting the parameters to change the outcome, or you can spin up and play with your own copy using the source code. If you don’t want to stress out your browser, you can see how it looks ▶️ in this video.