Why is Fiber's render phase interruptible but commit is not?

WHAT IT TESTS: Knowledge that Fiber's render phase computes the workInProgress tree while commit applies side-effects. ANSWER OUTLINE: Render calculates changes on invisible tree; commit runs DOM mutations and lifecycles synchronously.
WHAT IT TESTS: Deep understanding of Fiber's split reconciliation architecture where render constructs the workInProgress tree and commit applies visible side-effects like DOM updates and lifecycles. ANSWER OUTLINE: Render compares children and updates props on the invisible workInProgress tree without host mutations; commit flushes side-effects like DOM mutations, refs, and lifecycles synchronously to ensure UI consistency. RED FLAG: Claiming both phases are equally interruptible or that render directly mutates the visible host UI.
Read the original → blog.ag-grid.com
- #react
- #fiber
- #reconciliation
- #render-phase
- #commit-phase
Get five bites like this every day.
Tezvyn delivers a daily feed of 60-second tech bites with quizzes to lock in what you learn.