fidzu : JavaScript

#​739 - June 6, 2025

Read on the Web

🖊️ I was meant to be traveling this week. My plans changed, but I'd planned for a shorter issue, so enjoy the bitesize take! Back to full service next week. :-)
__
Peter Cooper, your editor

JavaScript Weekly

⚡ Announcing Rolldown-Vite - Rolldown is a fast Rust-based JavaScript bundler designed to eventually be used by the equally fast Vite build tool - now it's a reality. It's a drop-in replacement too, and early adopters are reporting huge build time reductions. Try it now before it becomes the default.

Evan You

TC39 Advances Several Proposals at Latest Meeting - Coverage of what happened at last week's meeting of the folks working on the ECMAScript spec whose decisions influence what becomes everyday JavaScript (eventually). Array.fromAsync, Error.isError, and explicit resource management all move to stage 4, among other things.

Sarah Gooding

CodeRabbit's Free AI Code Reviews in IDE - VS Code, Cursor, Windsurf - Code Rabbit brings AI code reviews to VS Code, Cursor & Windsurf. Get line-by-line reviews, one-click fixes & codebase-aware feedback - all free in your IDE. Seamlessly integrates with git workflows. Install the extension & start reviewing!

CodeRabbit sponsor

WebStatus.dev: Now with More Data, Deeper Insights, and a Clearer Path to Baseline - Google's Web Platform Status site lets us query and track various web platform features and the browsers that support them. It's had a big update recently.

Kadir Topal (Google)

IN BRIEF:

• The React Native team has frozen the legacy architecture codebase in order to focus solely on the New Architecture going forward.

• SQLite-JS is an interesting SQLite extension that adds the ability to write custom SQLite functions using JavaScript.

• The State of CSS 2025 survey is now open to take.

RELEASES:

• Babel 8 Beta - Follows on two years from the alpha, but "All the breaking changes we were planning to include in Babel 8 are done".

• ESLint v9.28.0 - The popular linter adds more TypeScript syntax support to core rules.

• AngularFire 20.0 - Integrate Firebase into Angular apps. Now supporting the new Angular 20 released last week.

• Vitest 3.2, Astro 5.9, Ionic 8.6, Prisma 6.9.0

📖 Articles and Videos

A JavaScript Developer's Guide to Go - Go is a popular, fast language most commonly used for backend work, and this is a good primer targeted at JavaScript developers keen to learn more about it.

Prateek Surana

💡 If you get into Go, we also publish Go Weekly, a newsletter just like JavaScript Weekly but for Go developers :-)

document.currentScript is More Useful Than I Thought - "Every so often, I stumble across a well-established JavaScript API in the browser that I probably should've known about years ago."

Alex MacArthur

▶ Talks from Svelte Summit Spring 2025 - The Svelte team recently promised to release the talk videos from its recent Svelte Summit event, and there are already 12 to enjoy here. ▶️ What Svelte Promises by Rich Harris, Svelte's creator, is the obvious entry point.

Svelte Society

💡 If videos aren't your thing, the Svelte team has also published a monthly update of what's new in Svelte, as of June 2025.

📄 Write More Reliable JavaScript with Optional Chaining - It might?.be?.a?.good?.idea Matt Smith

📄 How Imports Work in React Server Components Dan Abramov

📄 Intercepting Network Requests in Chrome Extensions rxliuli

📄 The Ingredients of a Productive Monorepo Sean Gillespie

🛠 Code & Tools

php-node: A Way to Seamlessly Bring PHP to Node.js - A neat idea, even if you don't like PHP. It's a native module for Node that lets you run PHP apps within the Node environment. Why? For migrating legacy apps, building hybrid PHP/JS apps, or Node apps that simply need to call out to PHP for some reason (WordPress, maybe, as shown here).

Matteo Collina et al.

Learn How to Monetize Your SaaS with Clerk Billing - Clerk Billing makes SaaS subscriptions easy - no custom UI, no webhooks. Learn how to set it up in this guide.

Clerk sponsor

Storybook 9: The UI Component Workshop - The popular one-stop tool for working on, and testing, frontend UI components gets a big update in terms of testing. Storybook Test offers interaction, visual, and accessibility testing, complete with a 'watch mode' for testing whenever you save, whether you're working with React, Svelte, Next.js, React Native, and more.

Michael Shilman

🏖️ Beachpatrol: A CLI Tool to Automate Your Everyday Web Browser - A higher level way to use Playwright on macOS or Linux to control a regular non-headless browser instance. It's essentially an approach where you still want a visible browser you can use in a normal way but with added automation possibilities.

Sebastian Carlos

• Starry Night 3.8 - GitHub-like syntax highlighting.

• ngx-vflow 1.9 - Add node-based interfaces to Angular apps.

#​738 - May 30, 2025

Read on the Web

JavaScript Weekly

Wake Up, Remix! Everything's Changing.. - Big news from the Remix camp this week. About a year ago, Remix and React Router merged together reflecting their shared goals and code, but now it's all change again. React Router is now basically what Remix originally intended to be, and so 'Remix' is rebooting as a model-first, low-dependency, Web API-centric full-stack framework built on Preact. It'll no longer be a 'React framework' per se.

Michael Jackson and Ryan Florence

🕒 The Upcoming Temporal API and What Problems It Will Solve - The Temporal API has been cooking for many years now as a new way to work with dates and times in JavaScript. It's just been enabled in Firefox 139 by default and sure to come to more runtimes ASAP. Here's why it matters and what it offers.

Suren Enfiajyan

CodeRabbit's Free AI Code Reviews in IDE - VS Code, Cursor, Windsurf - Code Rabbit brings AI code reviews to VS Code, Cursor & Windsurf. Get line-by-line reviews, one-click fixes & codebase-aware feedback - all free in your IDE. Seamlessly integrates with git workflows. Install the extension & start reviewing!

CodeRabbit sponsor

Announcing Angular v20 - A big release for the Google backed framework where a lot of the more recent experimental features (like signals and incremental hydration) have received a lot of polish and been promoted as stable. There are new experimental APIs too, including resource streaming and httpResource for making HTTP requests with a signal-based reactive API.

Minko Gechev

💡 While the official release post (above) is packed with content, you might appreciate this brief magic-themed roundup of what's new in Angular 20.

IN BRIEF:

• Matteo Collina has unveiled php-node, a way to run PHP apps within the same process as Node.js. Run WordPress with a Next.js frontend? Sure.

• TC39's 108th meeting is currently taking place with many proposals being advanced, such as Seeded Pseudo-Random Numbers moving to stage 2 and Error.isError moving to stage 4.

• The OpenJS Foundation is now a CVE Numbering Authority (CNA) for over 40 popular JavaScript projects it hosts, including ESLint, Express, and Electron.

• Node's technical steering committee has decided against instituting an official bounty program.

RELEASES:

• Bun v1.2.15 - Gains a bun audit tool for performing security audits of project dependencies.

• Ink 6.0 - Use React to build CLI apps. Now supporting React 19.

• Docusaurus v3.8 - Popular docs-oriented static site generator.

• Ember 6.4, JSPM 4.0

📖 Articles

Why Are 2025/05/28 and 2025-05-28 Different Days in JavaScript? - An interesting 'Wat'-like moment in just the first few lines of this post, which Brandon decided to dig into and explain.

Brandon Dong

▶ Modern Performance Debugging in Chrome DevTools - Paul shares a look at the reimagined Chrome DevTools Performance panel, showing off new features, how they work, and how to use them to make performance gains.

Paul Irish

Build an LMS SaaS App from Scratch - Learn to build a production-ready AI SaaS using Next.js with auth, billing, and an AI voice agent.

Clerk sponsor

React, Visualized: A Visual Exploration of React Concepts - The creators of a React course have updated their popular visual explainer of numerous core React concepts to cover React 19 and features like actions, transitions, and Server Components too.

Tyler McGinnis et al.

▶ The 3 Ways JavaScript Frameworks Render the DOM - The creator of the SolidJS framework looks at the different approaches frameworks take to render what they produce. A good look under the hood that isn't too complex. (16 minutes.)

Ryan Carniato

Build a Blog with Angular in Under 30 Minutes Using Analog - Analog is a meta-framework for Angular (think along the lines of Next.js or Nuxt).

Peter Mbanugo

Your React Meta-Framework Feels Broken, Here's Why - "Sometimes you've got to burn it all down, start from ash, and rebuild from first principles. This is what we did with RedwoodSDK."

Redwood Team

📄 No Server, No Database: Smarter Related Posts in Astro with Transformers.js Alexander Opalic

📄 A Thought on JavaScript 'Proof of Work' Anti-Scraper Systems Chris Siebenmann

📄 Multithreading in JavaScript with Web Workers Badmus Kola

🛠 Code & Tools

Svelte Flow 1.0: Create Node-Based UIs and Diagrams in Svelte - From the creators of the similar React Flow comes a customizable Svelte component for building node-based editors and interactive diagrams. Want examples?

webkid GmbH

Cap: A Lightweight, Modern Open Source CAPTCHA Alternative - This solution boasts a method called "proof-of-work" which attempts to make automated CAPTCHA solving more expensive. It uses a Web Component and you can try out a few demos here. GitHub repo.

Cap

Enterprise Requirements Slowing You Down? There's a Better Way - WorkOS lets devs ship SSO, SCIM, audit logs & more-fast. Trusted by industry-leading teams like OpenAI, Vercel & Plaid.

WorkOS sponsor

Google Gen AI SDK for TypeScript and JavaScript v1 - Why let Python developers have all the fun? Now you can harness the full power of Google's Gemini API (and Vertex platform) from Node.js too.

Google

ReactJust: Server Components Without a Framework - If, for some reason, you don't want to adopt a full-scale framework like Next.js or React Router to use or experiment with RSCs, this 'vanilla RSC' approach could be of interest.

almadoro

• NeutralinoJS 6.1 - Lightweight cross-platform desktop app framework.

• Linkify 4.3 - Turn links, hashtags, and mentions in text to HTML links.

• image-type 6.0 - Detect the image type of a Buffer/Uint8Array.

• Faker 9.8 - Generate fabricated data to your heart's content.

• file-type 21.0 - Detect the file type of a file, stream, or data.

• Mineflayer 4.29 - Create Minecraft bots in JavaScript.

👀 Elsewhere..

Here's a selection of things from the broader ecosystem this week:

• The annual Stack Overflow Developer Survey is back for a fifteenth year.

• A Minecraft-style building experience in pure CSS - no JavaScript at all!

• Simon Willison writes about how GitHub Issues works really well as a personal notebook for taking notes, linking them together, and generally organizing whatever sort of information you want. It doesn't have to just be for code projects.

• I just discovered that Matthias Bynens, who you might know for his work on everything V8, ECMAScript specs, and more, keeps a repo of the 'smallest possible syntactically valid files' in many different formats.

• Did you know you can style alt text like any other text on Web pages?

#​737 - May 23, 2025

Read on the Web

JavaScript Weekly

A Brief History of JavaScript - JavaScript (originally named LiveScript) turns thirty years old this year and the Deno team has put together a fantastic timeline-based tour of how much things have progressed from its first appearance in Netscape Navigator, through offshoots like JScript, standardization, and the introduction of Node.js, all the way through to the modern day.

The Deno Team

2x-40x Faster Docker Builds with Blacksmith - With a one-line code change, Blacksmith can make your Docker builds incremental by mounting your Docker layer cache into your GitHub Actions runner. Blacksmith is used by 600+ companies like Ashby, Clerk, and Mintlify.

Blacksmith sponsor

⚡ Announcing TypeScript Native Previews - Earlier this year, Anders Hejlsberg teased a 10x faster TypeScript through efforts being made to port the TypeScript compiler to Go, enabling it to be compiled and run natively, as well as take advantage of more concurrency. The good news is you can now give it a.. go for yourself.

Microsoft

▶ An Introduction to JavaScript Frameworks - The creator of SolidJS has put together a tight 11-minute video boiling down the different approaches taken by React, Angular, Vue, Svelte, and Solid. Dense, but a great way to get a lay of the land.

Ryan Carniato

IN BRIEF:

• Ryan Dahl responds to recent community chatter about the state of the Deno project in 'Reports of Deno's Demise Have Been Greatly Exaggerated'.

• Guess the Output is a fun multi-choice JavaScript quiz to put your knowledge to the test. Each answer is explained as you go.

• A look at the agenda for next week's TC39 meeting, including the proposals up for discussion.

• React Router now has preview support for React Server Components.

RELEASES:

• Node.js v24.1.0 (Current) and v22.16.0 (LTS)

• Bun v1.2.14 - The fast JS runtime & toolkit.

• Slonik v48 - Node.js Postgres client with runtime & build time type safety.

• Zod v4, Astro 5.8, ESLint v9.27.0

📖 Articles

▶ What's New in Angular - Two members of the Angular team presented a session at this week's Google I/O event on the latest updates to the Angular framework in anticipation of the eventual release of Angular 20 next Thursday.

Chasanoff and Thompson (Google)

ESLint v9.0: A Retrospective - It's been a year since ESLint v9.0 landed as the first major release in a few years. It enabled the new flat-config system by default and the rollout didn't go as smoothly as hoped. This retrospective breaks down the full story and shares the lessons learned.

Nicholas C. Zakas

Getting Started with Clerk Billing - Learn how to build a complete billing experience with Clerk and Stripe, no custom UI or webhooks required.

Clerk sponsor

Six Ways Slack, Notion, and VS Code Improved Electron App Performance - An experienced Electron app developer shares a guide to Electron performance optimization and how to get the most out of your apps.

Amila Welihinda

📄 How the at() Method Makes Array Indexing Easier Matt Smith

📄 Styling Console Text in Node.js Dr. Axel Rauschmayer

📄 Authenticating JavaScript WebSockets Steven Waterman

🛠 Code & Tools

Defuddle: Extract the Main Content from Web Pages - Strips extraneous clutter from HTML in order to leave only the primary content for you to format or use as you wish. Essentially a modern implementation of the ideas behind Mozilla's Readability. There's an online demo if you want to give it a try.

Steph Ango

snapDOM: Captures DOM Nodes as Images - A fast and accurate DOM-to-image capture mechanism to capture any HTML element as a scalable SVG image, preserving styles, fonts, background images, etc.

ZumerLab

AI-Powered Code Reviews for JavaScript Teams - CodeRabbit helps you ship cleaner JavaScript by reviewing every PR with AI that understands your codebase.

CodeRabbit sponsor

ForesightJS: Predictive Mouse Intent Library - An interesting concept, with the entire page acting as a demo of sorts. The idea is to decrease latency by prefetching data or pages as soon as you think a user might be heading in that direction. Your mileage may vary and it's less useful for touch devices.

ForesightJS, Inc.

Astra: A New JavaScript-to-EXE Compiler for Windows - Boasts "a new approach to compiling" JavaScript applications for a single executable experience on Windows only (for now).

QwertyCodeQC

Crosspost: A JS Utility for Posting Across Multiple Social Networks - Currently supports eight different services including Bluesky, X, Mastodon, and LinkedIn.

Nicholas C. Zakas

Rockpack 6.0: An Alternative React App Starter - A tool aiming to get React project setup time as low as possible, complete with server side rendering support, bundling, linting and testing. v6.0 updates everything for React 19. GitHub repo.

Alex Sergey

• 🗓️ Calendar Link 2.10.0 - Generate event links for popular calendar services.

• octokit.js 5.0 - 'All-batteries-included' GitHub SDK for JavaScript.

• image-type 6.0 - Detect the image type of a Buffer/Uint8Array.

• Peggy 5.0 - Parser generator for JavaScript.

👀 Elsewhere..

Here's a selection of things from the broader ecosystem this week:

• Google's I/O event took place this week and ▶️ its 'developer keynote' was a highlight, particularly when Addy Osmani showed off some of the latest Chrome DevTools fun (starting at about 30 minutes in).

• Microsoft has unveiled a new Postgres extension for VS Code that brings IntelliSense completion to SQL, GitHub Copilot integration, a visual way to explore your schemas, and more.

• 🤖 Anthropic has unveiled its new Claude 4 models. The Claude family of LLMs are quite heavily used by modern coding agents, as well as Claude's own now-generally-available Claude Code tool.

• The Glitch platform, a popular way to build and host Node-backed webapps, is shutting down its app hosting functionality - it seems uncertain quite what Glitch will or won't be after July.

#​736 - May 16, 2025

Read on the Web

JavaScript Weekly

'I Think the Ergonomics of Generators is Growing on Me' - The author notes generator functions have been widely available in JavaScript for a long time, yet "their practicality hasn't exactly caught on." This is a great look at what they are and where they can be useful.

Alex MacArthur

JavaScript's New Superpower? Explicit Resource Management - V8 v13.8 introduces the idea of deterministic resource cleanup. Among a range of new symbols and objects for the task, the basic idea is you can wrap any file handle, stream or connection in a using/await using block and the runtime will handle any cleanup once resources go out of scope.

Rezvan Mahdavi Hezaveh (V8)

Write CSS Like a Pro - Kevin Powell shares how to create a responsive website from scratch using modern CSS features (such as nesting, utility classes, custom properties, and more). This detailed video course also dives into adding additional polish via animations, view transitions, and more.

Frontend Masters sponsor

Basecoat: shadcn/ui's Magic, But Minus React - shadcn/ui is a popular suite of well designed React components, but if you'd like to use them in other contexts too, Basecoat is for you. Basecoat ports the components to a more vanilla form you can use with your framework (or not) of choice.

Ronan Berder

IN BRIEF:

• Did you know that console.log supports format strings? I didn't!

• The Deno team shares an update on the Fresh framework.

• The Angular team is teasing the release of Angular 20 to be on May 29, but we might learn a lot more at Google I/O next week. I'm going to be there, say hi if you see me! :-)

• Microsoft announced a round of layoffs this week and, much to the community's disappointment, Ron Buckton, a key TypeScript contributor, was among those affected.

• Brian Clark shares some best practices for creating a modern npm package.

RELEASES:

• May 14 Security Releases of Node.js - Including v24.0.2 (Current), v23.11.1 (Current), v22.15.1 (LTS), and v20.19.2 (LTS).

• Nuxt 3.17 - The full-stack Vue.js-based framework.

• Parcel v2.15.0 - The popular build tool gets a new transformer and minifier for HTML and SVG that also supports converting SVGs to JSX for use in React components.

• React Router 7.6, MUI X 8.3, Mithril.js 2.3

📖 Articles

JavaScript, When (and What) is this? - Dives into the complexities of the this keyword, explaining how its value is ultimately determined by the context in which a function is called, rather than where it's defined. It's been many years since we've covered this elementary topic, but this is a fantastic, fresh two-part take.

Mat 'Wilto' Marquis

How We Debugged a Broken Checkout Flow in Flask + React - Dropped carts = lost revenue. See how Sentry tracing can catch a full-stack bug in a Flask + React checkout flow-before it can become a support fire drill.

Sentry sponsor

Building a React App with GitHub Copilot - A good walkthrough, complete with video, if you prefer, of bringing together several of GitHub Copilot's features for building a modern JavaScript app quickly.

Kedasha Kerr (GitHub)

Regular Expressions in JavaScript - Powerful but often misunderstood, many will benefit from this roundup of the potential regexes offer to JavaScript developers.

Adebayo Adams

📄 Robust Data Fetching Architecture for Complex React/Next.js Apps Trevor I. Lasn

▶️ Native and RxJS Observables: A Direct Comparison Rainer Hahnekamp

📄 Angular's httpResource in the Wild - A modern way to make HTTP requests in Angular. DrDreo

📄 Node.js 24 is Here: What You Need to Know Lizz Parody

📄 Building the Bridge: Running JavaScript Modules from Dart Chima Precious

🛠 Code & Tools

ANSIS 4.0: ANSI Color Library for Everywhere - A library to use the power of ANSI escape sequences for coloring and styling text in many environments including the terminal, Chromium-based browsers, Node, Bun, Deno, and even Next.js. v4.0 is a big upgrade with enough breaking changes to warrant a migration guide for existing users.

webdiscus

TanStack DB: A Reactive Client Store with Fast Real-Time Sync - A new entry to the TanStack family of libraries that extends TanStack Query with collections, live queries and optimistic mutations.

TanStack

Introducing Clerk Billing - Set up subscriptions in your B2B or B2C app without writing custom payment code or building your own UI.

Clerk sponsor

Svelte Sonner: A Toast Notification Component for Svelte - You may be familiar with the fantastic Sonner in the React world - now there's a Svelte version.

Robert Soriano

tscircuit: Use React for Building Electronics Projects - An interesting way to design and lay out electronic circuit boards using a JSX-based approach. GitHub repo.

tscircuit Inc.

jsdiff 8.0: A JavaScript Text Diffing Implementation - Can compare strings for differences in various ways including creating patches. There's an online demo.

Kevin Decker

Feedsmith: A Fresh New Web Feed Parser and Generator - A new, modern way to both parse and generate RSS, Atom, JSON Feed, OPML, and RDF feeds with support for common namespaces as used in podcast, media, and other niche types of feed.

Maciej Lamberski

• Faker 9.8 - Generate fabricated data to your heart's content.

• ngx-vflow 1.8 - Angular library to create node-based apps.

• 🎨 color-convert 3.1 - Plain color conversion functions.

👀 This could be useful..

Fx 36.0: A Command-Line JSON Viewer & Processing Tool - It's written in Go, but if you've got some files full of JSON that you want to slice and dice, Fx is for you (it's easy to install). This week's v36 release adds support for streaming JSON and tailing such streams, it's also much faster and less memory hungry when parsing large JSON files. A solid update for a handy tool.

Anton Medvedev

P.S. If you're into React or Node.js, we focus more directly on those in React Status and Node Weekly respectively, so check out the latest issues of those too :-)