← React Intermediate Questions - Set 3 Q28

How does React’s reconciliation process work?

React Intermediate Questions - Set 3

Example

1
2

// 1. new element tree -> 2. diff against previous -> 3. patch the DOM
{step === 1 ? <Step1 /> : <Step2 />}

What to notice

• Different component type at the same position means the old subtree is discarded.