What is React's reconciliation algorithm?

1
2
3

// Same type at the same position -> update in place
{ok ? <Banner tone="ok" /> : <Banner tone="warn" />}
// Different type -> unmount the old subtree, mount the new one