Два сусідні компоненти на сторінці ділять значення фільтра: один його редагує, другий показує відфільтровану таблицю. Більше воно нікому не потрібне. Де тримати стан?

Пояснення

Підняття стану до найближчого спільного батька достатнє для двох сусідів і лишає потік даних зрозумілим. Context підходить для значень, потрібних багатьом компонентам на різній глибині, як-от тема. Глобальний стор підходить для стану, спільного між далекими сторінками, а для одного фільтра це зайва машинерія.

Де почитати

• react.dev: Sharing State Between Components ↗
• react.dev: Passing Data Deeply with Context ↗