📣 Node.js 18 reaches End-of-Life today: This Node.js version will no longer receive security updates, and it’s recommended to upgrade to v20 or v22.
nodejs.org
Node.js — Node.js Releases
Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and noscripts.
👀 Asynchronous Svelte: Svelte has a new async experimental mode, and this doc explains how it works. The “Forks” section reminds a bit of Concurrent React, transitions, and its upcoming
<Activity> component.GitHub
Asynchronous Svelte · sveltejs svelte · Discussion #15845
This is a long document; get yourself a cup of tea. tl;dr You can now use the await keyword in Svelte — in your <noscript>, inside $derived expressions, and in your markup — by installing the a...
👀 Firefox enabling View Transitions in Firefox 139 Nightly builds: A positive signal from the only remaining browser to not have this feature. Good timing for React and its upcoming
<ViewTransition> component?Mozilla
Firefox Nightly 140.0a1, See All New Features, Updates and Fixes
📜 Giving V8 a Heads-Up: Faster JavaScript Startup with Explicit Compile Hints: A new feature coming with Chrome 136 allows faster web page loading by annotating your files/functions with magic comments to tell V8 to compile the JS code eagerly, showing promising results on experiments. Maybe it will be useful to speed up React hydration or even Node.js programs?
v8.dev
Giving V8 a Heads-Up: Faster JavaScript Startup with Explicit Compile Hints · V8
Explicit compile hints control which JavaScript files and functions are parsed and compiled eagerly
📜 Categorize Your Dependencies: Using pnpm catalogs.
Anthony Fu
Categorize Your Dependencies
When building a project, it’s very likely that we will install third-party packages from npm to offload some tasks. On that topic, we know there are two major types of dependencies: dependencies (prod) and devDependencies (dev). In our package.json, it might…
👀 Next.js Docs - New runAfterProductionCompile lifecycle hook: Upcoming (unreleased) feature already documented.
nextjs.org
Architecture: Next.js Compiler
Next.js Compiler, written in Rust, which transforms and minifies your Next.js application.
👍1
💬 React Compiler oxc plugin: Interesting discussions between the React Compiler team and the oxc team to integrate the compiler as an oxc plugin for upcoming usage with Vite and Oxc/Rolldown. The React team suggests making it happen in 2 steps (make it work, then make it fast).
GitHub
React Compiler oxc plugin · Issue #10048 · oxc-project/oxc
I wanted to open an issue capturing some of our past discussion on adding support for React Compiler as an oxc plugin. For context, the React team reached out to both the swc and oxc projects a few...
📜 Functional HTML: Dan gradually reinvents the HTML he wants from first principles, leading to an RSC implementation.
overreacted.io
Functional HTML — overreacted
Tags on both sides.
📜 RSC for Astro Developers: RSC and Astro have 2 remarkably similar mental models, but Dan exposes some interesting subtle differences. RSCs may feel less intuitive at first, but they also solve some of Astro’s limitations.
overreacted.io
RSC for Astro Developers — overreacted
Islands, but make it fractal.
📜 The future of AI interaction: Beyond just text: Kent argues that MCPs could have a role to play in implementing generative UIs with React Server Components. He wants the protocol to allow richer return types like html and RSC payloads.
www.epicai.pro
The future of AI interaction: Beyond just text
The Model Context Protocol (MCP) is revolutionizing AI interactions by enabling dynamic, UI-driven experiences—pushing beyond text to deliver real user value.
📜 Frontends are hard: The devs at SST reflect on the challenges of self-hosting modern meta-frameworks, including React ones, that led them to start the OpenNext initiative.
SST
Frontends are hard
Modern serverless frontends are hard to deploy and here's why.
📜 Add a Color Scheme Toggle in React Router: This method avoids FOUC with a cookie instead of inlined JS.
Sergio Xalambrí
How to Add a Color Scheme Toggle in React Router by sergiodxa
The blog of sergiodxa
📜 Robust Data Fetching Architecture For Complex React/Next.js Apps: Suggests using 3 layers: Server Components, React Query, and Optimistic Updates.
trevorlasn.com
Robust Data Fetching Architecture For Complex React/Next....
How I use the 'Three Layers of Data' architecture pattern for React and Next.js apps to avoid common pitfalls, tech debt, and improve performance
👍1
📜 Server Components Give You Optionality: They give flexibility to choose in which environments your components run in (Server, Server+Client, or Client) and when.
Saewitz
Server Components Give You Optionality | Daniel Saewitz
📦 Unhead 2.0 - The full stack <head> package for any framework: This framework-agnostic package from the UnJS ecosystem now includes React bindings. This could be a great drop-in alternative to
react-helmet with React 19 support if the new built-in APIs are not good enough for you (see my comment here).Unhead
Unhead v2: The full-stack <head> package for any framework.
Unhead v2 is here! With first-class support for all major frameworks, a complete core rewrite, and a focus on performance, Unhead is the ultimate <head> manager.
👍1