Chapter 6 · Example 4 · Deep dive into diffing and reconciliation

Key identifies list items

Reordering a dynamic list without keys keeps state tied to position, while adding a key makes React move the matching DOM node and its typed text along.