Re-renders vs Commits: When to Optimize
Differentiate re-renders and commits; learn what triggers updates and when memoization is worth it.
Render vs commit
Goal: Know what a render is vs a commit.
- Render: compute next UI
- Commit: write changes to the DOM
- Bailouts: render may skip DOM work
Triggers for updates
Re-renders happen when state, props, or context used by a component change. Parent re-render ≠ child commit (if output is the same or memoized).
All lessons in this course
- Re-renders vs Commits: When to Optimize
- React.memo, useMemo, useCallback — In Practice
- Derived State & Avoiding Extra Renders