Сохраняется ли глобальное состояние при переходе между страницами?

Вопрос о сохранении глобального состояния напрямую связан с архитектурой приложения: SPA или MPA. В многостраничных приложениях каждый клик по ссылке вызывает новый запрос к серверу, браузер полностью перерисовывает документ, и вся память JavaScript-контекста обнуляется. В SPA навигация обрабатывается на клиенте, поэтому глобальные хранилища продолжают жить между переходами.

Как это работает в SPA

Клиентский роутер (например, React Router) перехватывает переход и меняет только ту часть дерева компонентов, которая соответствует новому маршруту. Провайдеры состояния, обёрнутые вокруг роутера, остаются смонтированными, поэтому их данные не теряются.

function App() {
  return (
    <Provider store={store}>      {/* живёт всё время */}
      <BrowserRouter>
        <Routes>
          <Route path="/" element={<Home />} />
          <Route path="/profile" element={<Profile />} />
        </Routes>
      </BrowserRouter>
    </Provider>
  );
}

Когда состояние всё-таки теряется

• Полная перезагрузка страницы (F5) или переход по внешней ссылке.
• Открытие ссылки в новой вкладке — у каждой вкладки свой JS-контекст.
• Если провайдер состояния находится внутри компонента маршрута, он размонтируется при уходе с этого маршрута.

Как сохранить состояние между сессиями

Если нужно, чтобы данные пережили перезагрузку, их синхронизируют с localStorage, sessionStorage или сервером. Например, Redux Persist автоматически подгружает состояние из localStorage при старте приложения.

const store = configureStore({
  reducer,
  middleware: (gDM) => gDM({ serializableCheck: false }),
});
// persistStore(store) восстановит state после F5

Итог: в SPA глобальное состояние сохраняется при клиентской навигации, потому что страница не перезагружается. Если нужна устойчивость к перезагрузке или шаринг между вкладками, состояние дополнительно персистят в storage или на бэкенд.