Когда использовать хранилища вместо локального состояния

Используйте let в компоненте, если данные принадлежат только этому компоненту.

Используйте export let для входных данных от родительского компонента. Родитель владеет состоянием.

Используйте хранилища, если нескольким не связанным друг с другом компонентам нужно совместно использовать одни и те же данные или реагировать на них.

Текущий пользователь, theme, содержимое корзины, уведомления — всё, что должно быть доступно глобально.

Поля формы, переключатели, состояние при наведении, таймеры анимации — всё, что ограничено одним компонентом.

Для данных, общих внутри дерева компонентов, но не глобальных, используйте setContext/getContext.

Начните с локального состояния, а при росте требований к совместному использованию перенесите его в хранилище.

Локальное состояние проще всего тестировать. Для хранилищ требуется подмена или обёртка.

Оберните хранилища синхронизацией с localStorage, чтобы сохранять состояние.

Переход от локального состояния к хранилищу — небольшой рефакторинг: замените let хранилищем, а x — на $x.

Размещение всего состояния в хранилищах создаёт неявную связанность. Пока это не требуется, предпочитайте локальное состояние.

Когда хранилище является правильным выбором?

По умолчанию используйте локальный let; при росте потребности в совместном использовании переносите состояние в хранилище или контекст.