In React, displaying UI is not a single step — it happens in multiple stages.
There are four steps behind how components appear on the screen:
Important:
In React, rendering does NOT mean updating the DOM or displaying UI.
Rendering happens internally inside React — visual changes come later.
Render is triggered (usually by a state update)
Render phase: React runs components and prepares what should change
Commit phase: React updates the DOM
Browser paint: the UI is finally displayed