I've spent years explaining the basics and nuances of React's rendering behavior. That post is by far the most widely read resource I've ever published, and it's helped thousands of React devs actually understand how React rendering actually works.
Now, we have the React Compiler, which promises to "automatically optimize your React apps". But how does it work? What is it doing to your components? and how does its behavior change our understanding of React's mental model?
This talk recaps the core fundamentals of React rendering, and then digs into the actual React Compiler rewritten component output to demystify how it works and how it optimizes React rendering performance. From there, we look at how this flips React's default rendering behavior upside down, and how that affects our own understanding of React.