The author of this series has done an excellent job breaking down some of key aspects of React's rendering into good explanations with some nifty illustrations.

The author of this series has done an excellent job breaking down some of key aspects of React's rendering into good explanations with some nifty illustrations. As linked in this article, folks might also be interested in my very extensive post "A (Mostly) Complete Guide to React Rendering Behavior" [0], which goes into a lot more detail on the nuances of this. I also generally recommend reading some of Dan Abramov's posts that explain how and why React works, including the "Complete Guide to `useEffect`" [1], "React as a UI Runtime" [2], and "Before You memo()" [3]. Finally, it's worth noting that some of React's batching behavior will change in React 18 to always batch renders even across event loop ticks - see the React 18 Working Group post on "Automatic Batching for Fewer Renders" [4] for details. FWIW, some of this material is being incorporated into the upcoming React docs rewrite [5], which I'm really excited to see go live. [0] https://blog.isquaredsoftware.com/2020/05/blogged-answers-a-mostly-complete-guide-to-react-rendering-behavior/ https://blog.isquaredsoftware.com/2020/05/blogged-answers-a-... [1] https://overreacted.io/a-complete-guide-to-useeffect/ https://overreacted.io/a-complete-guide-to-useeffect/ [2] https://overreacted.io/react-as-a-ui-runtime/ https://overreacted.io/react-as-a-ui-runtime/ [3] https://overreacted.io/before-you-memo/ https://overreacted.io/before-you-memo/ [4] https://github.com/reactwg/react-18/discussions/21 https://github.com/reactwg/react-18/discussions/21 [5] https://github.com/reactjs/reactjs.org/issues/3308 https://github.com/reactjs/reactjs.org/issues/3308