Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior · Mark's Dev Blog

BRANK

Details on how React rendering behaves, and how use of Context and React-Redux affect renderingI've seen a lot of ongoing confusion over when, why, and how React will re-render components, and how use of Context and React-Redux will affect the timing and scope of those re-renders. After having typed up variations of this explanation dozens of times, it seems it's worth trying to write up a consolidated explanation that I can refer people to. Note that all this information is available online already, and has been explained in numerous other excellent blog posts and articles, several of which I'm linking at the end in the "Further Information" section for reference. But, people seem to be struggling to put the pieces together for a full understanding, so hopefully this will help clarify things for someone.Table of ContentsWhat is "Rendering"?Rendering Process OverviewRender and Commit PhasesHow Does React Handle Renders?Queuing RendersStandard Render BehaviorImproving Rendering Perform…