Lifting State Up

What is Lifting State Up?

When multiple components need to share state, lift the state up to their closest common ancestor. The ancestor becomes the "source of truth".

Pattern

1. Move state to common parent
2. Pass state down as props
3. Pass updater functions as callbacks