What is reconciliation in React?

0-2 years experience

1. 1If you add a new item to a list rendered with map, how does React decide which DOM nodes to update?
2. 2What happens under the hood when you change a component's state that triggers a re‑render?
3. 3Suppose two sibling components are rendered with the same key—what will React's reconciliation do?

2-5 years experience

1. 1You notice a list component re‑renders all items when only one changes. How would you investigate if the reconciliation process is the cause?
2. 2During a feature rollout a component sometimes fails to update after its props change. How would you debug whether the diffing algorithm is misbehaving?
3. 3Explain the trade‑offs of using an array index as a key versus a stable unique id in terms of reconciliation performance.

5-8 years experience

1. 1Design a large data‑table component that can handle thousands of rows efficiently. How would you leverage React's reconciliation to minimize DOM work?
2. 2When integrating a third‑party library that mutates the DOM directly, what issues can arise with React's reconciliation, and how would you mitigate them?
3. 3If you need to force a component subtree to skip reconciliation, what approaches can you take and what are the performance implications?

8+ years experience

1. 1Your team is migrating a legacy codebase to React. How would you plan the rollout to ensure that key mismatches or other reconciliation bugs don’t cause regressions across many modules?
2. 2At a company‑wide level you need guidelines for key usage and component memoization to optimize reconciliation. What policies would you propose and how would you enforce them?
3. 3Consider a micro‑frontend architecture where multiple React apps share a page. How does reconciliation interact across app boundaries, and what architectural decisions help avoid conflicts?