developer-roadmap/roadmaps/react/content/rendering@0uiGsC5SWavNdlFqizkKe.md

Rendering

Rendering is the process where React takes your component code and turns it into actual elements on the screen. React decides when to re-render a component based on changes to its state or props. Understanding how rendering works helps explain why an app updates the way it does, and where performance issues can come from.

Visit the following resources to learn more:

• @official@Render and Commit - Official Docs
• @article@Rendering in React - ui.dev
• @article@Fix the slow render before you fix the re-render