React+hooks+Redux
  • Вступление
  • REACT HOOKS
    • Введение в хуки
    • Основные хуки
      • Хук состояния (useState)
      • Хук эффекта (useEffect)
      • Хук колбека (useCallback)
      • Хук рефа (useRef)
    • Создание собственных хуков
    • Правила использования хуков
    • Полезная информация
      • Хук мемоизированного значения (useMemo)
      • Как закешировать вычисления?
      • Как получить предыдущие пропсы или состояние?
      • Как осуществлять запросы за данными с помощью хуков?
    • Задание React Hooks
  • REDUX
    • Что такое Redux
    • Основы
      • Действия (Actions)
      • Генераторы действий (Action Creators)
      • Редюсеры (Reducers)
      • Хранилище (Store)
      • Получение доступа к actions и state с помощью функции connect()
      • Подключение Redux
    • Что дальше?
      • Асинхронные действия (Async Actions)
      • Использование Redux с React Router
    • Задание Redux
  • FAQ
    • Заключение
Powered by GitBook
On this page

Was this helpful?

  1. REDUX
  2. Основы

Хранилище (Store)

Хранилище (store) — это объект, который:

  • содержит состояние приложения;

  • отображает состояние через getState();

  • может обновлять состояние через dispatch();

  • позволяет регистрироваться (или удаляться) в качестве слушателя изменения состояния через subscribe().

Хранилище в приложении всегда уникально.

Очень легко создать Хранилище (Store), если у вас есть редюсер. Теперь мы их импортируем и передадим в createStore().

import { createStore } from "redux";
import rootReducer from "../reducers";

export const configureStore = () => {
  return createStore(
    rootReducer
  );
};

Вы можете объявить начальное состояние, передав его вторым аргументом в createStore(). Это полезно для пробрасывания состояния на клиент из состояния приложения Redux, работающего на сервере, когда вы пишете универсальное приложение.

let store = createStore(todoApp, window.STATE_FROM_SERVER)

Обновление состояния:

store.dispatch(setMessage('Something'))
PreviousРедюсеры (Reducers)NextПолучение доступа к actions и state с помощью функции connect()

Last updated 5 years ago

Was this helpful?