#424 — April 9, 2025
Together with
React Status
React for Two Computers — Dan Abramov returns to some deep thoughts that arose while putting together the popular ▶️ React for Two Computers talk he gave at React Conf 2024. You’ll need a very large coffee to make it through this post in one sitting, but it’s a technically-rich meditation on the architecture and theory underpinning ideas like React Server Components.
Dan Abramov
🎟️ On the topic of React Conf, the ticket lottery for React Conf 2025 is set to take place starting April 25, so if you want a chance to get a ticket, you can submit your details now. The event takes place this October just outside Las Vegas, as in 2024.
🍜 Tonkotsu is a Reimagined IDE for JavaScript & TypeScript Developers — We’ve built a new developer experience that makes you the tech lead for a team of AI agents. We just started our FREE early access program and want to hear directly from early adopters. Sign up today.
Tonkotsu sponsor
React Reconciliation: The Hidden Engine Behind Your Components — React’s reconciliation algorithm is the process by which React knows how to update the DOM based on changes to the virtual DOM and understanding how it works is essential for producing fast, efficient apps. A great look behind the scenes.
Christian Ekrem
Deploy Your Next.js App to Cloudflare Workers with the Cloudflare Adapter for OpenNext — OpenNext is a build tool that transforms Next.js apps into packages optimized for development on platforms including AWS Lambda, Cloudflare Workers, and Netlify.
Cloudflare
Accelerating Large-Scale Test Migration with LLMs — How Airbnb completed its first large-scale, LLM-driven code migration in moving from Enzyme to React Testing Library.
Charles Covey-Brandt (Airbnb)
📄 {transitions} = f(state) – “Thinking about the component tree as modelling a state machine can help clarify the implications of asynchronous updates and React’s concurrent features.” Jordan Eldredge
📄 How I Reduced My React Bundle Size by Thirty Percent – Relatively basic stuff, but worth doing. Ndeye Fatou Diop
📄 How a Steam Locomotive from 1993 Broke My Yarn Test – A fun story that does deliver on its title. Yew Leong
📄 Authorization in Next.js Robin Wieruch
🛠 Code, Tools & Libraries
React Native 0.79: Faster Tooling and Much More — Metro, the React Native bundler, now starts much faster and makes package.json exports and imports field resolution stable. Android app startup also gets significantly faster.
React Native Team
Fancy Components: A Growing Library of Ready-to-Use Animated React Components — Includes a whole slew of components for doing various text animations, along with others for backgrounds, physics-related animations, SVG filters, and more. Try them out here.
Daniel Petho
Konva: A JavaScript 2D Canvas Library — The native Canvas API is good, but Konva is an abstraction that sits on top and provides a more structured way to work with shapes, styling, events, and animations (demos with code). It also has extra integration libraries for Vue, Svelte and React.
Konva
-
React Testing Library 16.3 – DOM testing utils that encourage good practices.
-
TanStack Form 1.3 – Powerful, type-safe Web form state management.
-
Embla Carousel 8.6 – Lightweight carousel library with fluid motion.
-
simpleParallax.js 6.1 – Add parallax effects to any image.
📢 Elsewhere in JavaScript
A roundup of some other interesting stories in the broader JavaScript landscape, in case you’ve missed them:
-
This article on using notebook-style programming to visualize data is a great look at how notebooks can integrate with the JavaScript world, along with a little React.
-
A detailed guide to modern testing with Node.js, packed with over 50 best practices.
-
⚖️ Ryan Dahl gives us an update on the state of the Deno vs Oracle fight over Oracle’s holding of the ‘JavaScript’ trademark.
-
🇷🇴 The annual JSHeroes conference is taking place this May 29-30 in Cluj, Romania.
Curated by Peter Cooper and Terence C. Gannon.
A Cooperpress publication.
#424 — April 9, 2025
Together with
React Status
React for Two Computers — Dan Abramov returns to some deep thoughts that arose while putting together the popular ▶️ React for Two Computers talk he gave at React Conf 2024. You’ll need a very large coffee to make it through this post in one sitting, but it’s a technically-rich meditation on the architecture and theory underpinning ideas like React Server Components.
Dan Abramov
🎟️ On the topic of React Conf, the ticket lottery for React Conf 2025 is set to take place starting April 25, so if you want a chance to get a ticket, you can submit your details now. The event takes place this October just outside Las Vegas, as in 2024.
🍜 Tonkotsu is a Reimagined IDE for JavaScript & TypeScript Developers — We’ve built a new developer experience that makes you the tech lead for a team of AI agents. We just started our FREE early access program and want to hear directly from early adopters. Sign up today.
Tonkotsu sponsor
React Reconciliation: The Hidden Engine Behind Your Components — React’s reconciliation algorithm is the process by which React knows how to update the DOM based on changes to the virtual DOM and understanding how it works is essential for producing fast, efficient apps. A great look behind the scenes.
Christian Ekrem
Deploy Your Next.js App to Cloudflare Workers with the Cloudflare Adapter for OpenNext — OpenNext is a build tool that transforms Next.js apps into packages optimized for development on platforms including AWS Lambda, Cloudflare Workers, and Netlify.
Cloudflare
Accelerating Large-Scale Test Migration with LLMs — How Airbnb completed its first large-scale, LLM-driven code migration in moving from Enzyme to React Testing Library.
Charles Covey-Brandt (Airbnb)
📄 {transitions} = f(state) – “Thinking about the component tree as modelling a state machine can help clarify the implications of asynchronous updates and React’s concurrent features.” Jordan Eldredge
📄 How I Reduced My React Bundle Size by Thirty Percent – Relatively basic stuff, but worth doing. Ndeye Fatou Diop
📄 How a Steam Locomotive from 1993 Broke My Yarn Test – A fun story that does deliver on its title. Yew Leong
📄 Authorization in Next.js Robin Wieruch
🛠 Code, Tools & Libraries
React Native 0.79: Faster Tooling and Much More — Metro, the React Native bundler, now starts much faster and makes package.json exports and imports field resolution stable. Android app startup also gets significantly faster.
React Native Team
Fancy Components: A Growing Library of Ready-to-Use Animated React Components — Includes a whole slew of components for doing various text animations, along with others for backgrounds, physics-related animations, SVG filters, and more. Try them out here.
Daniel Petho
Konva: A JavaScript 2D Canvas Library — The native Canvas API is good, but Konva is an abstraction that sits on top and provides a more structured way to work with shapes, styling, events, and animations (demos with code). It also has extra integration libraries for Vue, Svelte and React.
Konva
-
React Testing Library 16.3 – DOM testing utils that encourage good practices.
-
TanStack Form 1.3 – Powerful, type-safe Web form state management.
-
Embla Carousel 8.6 – Lightweight carousel library with fluid motion.
-
simpleParallax.js 6.1 – Add parallax effects to any image.
📢 Elsewhere in JavaScript
A roundup of some other interesting stories in the broader JavaScript landscape, in case you’ve missed them:
-
This article on using notebook-style programming to visualize data is a great look at how notebooks can integrate with the JavaScript world, along with a little React.
-
A detailed guide to modern testing with Node.js, packed with over 50 best practices.
-
⚖️ Ryan Dahl gives us an update on the state of the Deno vs Oracle fight over Oracle’s holding of the ‘JavaScript’ trademark.
-
🇷🇴 The annual JSHeroes conference is taking place this May 29-30 in Cluj, Romania.
Curated by Peter Cooper and Terence C. Gannon.
A Cooperpress publication.
发布者