Что хранили в стейт-менеджерах

Стейт-менеджеры хранят глобальное состояние приложения, которое должно быть доступно в разных компонентах. Обычно там хранят:

1. Данные с сервера (списки, пользовательские данные)
2. UI состояние (текущая тема, открытые модалки)
3. Данные форм, если они используются в нескольких местах
4. Сессионные данные (токены авторизации, настройки пользователя)

Пример с Redux:

// store.js
const initialState = {
  user: null,
  theme: 'light',
  cartItems: []
};

function rootReducer(state = initialState, action) {
  switch(action.type) {
    case 'SET_USER':
      return {...state, user: action.payload};
    case 'TOGGLE_THEME':
      return {...state, theme: state.theme === 'light' ? 'dark' : 'light'};
    default:
      return state;
  }
}

Важно не злоупотреблять стейт-менеджерами - локальное состояние лучше хранить в useState/useReducer.