
How React’s reconciliation algorithm works
April 9, 2025 ![]() |
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. |
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 |
📄 {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 React Native Team |
📢 Elsewhere in JavaScript |
A roundup of some other interesting stories in the broader JavaScript landscape, in case you’ve missed them: |
