A Guide to React Rendering Behavior - Mark Erikson - React Rally 2023

Mark Erikson - React Rally 2023
React is a library for "rendering" UI from components, but many users find themselves confused about how React rendering actually works. What do terms like "rendering", "reconciliation", "Fibers", and "committing" actually mean? When do renders happen? How does Context affect rendering, and how do libraries like Redux cause updates?
In this talk, we'll clear up the confusion and provide a solid foundation for understanding when, why, and how React renders.

[@sara-subramanian]

Gem of a presentation! Everything my team and I have learnt sometimes painfully in Production is all here. Even if React 19 tries to address many of the pain points here, this presentation will be relevant for a long time in my opinion. Thank you!

[@jrmc732]

I'm a React dev since 2018 and created a bunch of hobby frontend libs myself and I also looked at all the other options and how they do the rendering, my conclusion is it is not about VDOM or no VDOM or Signals or no Signals, it all comes down to what is running on update, and this is where React made a mistake, React is re-running the whole component with all it's logic instead of just the template/jsx. The next step for react should be a renderer that keeps component state and just re-runs the template, this would make hooks like useCallback obsolete.

[@tochithebedford7672]

no way they nuked context selectors 😢