~reactstatus | Issue 424 - How React's reconciliation algorithm works (7)

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.

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.

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.

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.

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.

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.

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.