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
  • Когда нужно пользоваться Redux?
  • Первый шаг на пути к изучению Redux

Was this helpful?

  1. REDUX

Что такое Redux

PreviousЗадание React HooksNextОсновы

Last updated 5 years ago

Was this helpful?

Redux — это менеджер состояний.

Чаще всего его используют с React, но его возможности не ограничиваются одной этой библиотекой. Хотя в React есть собственный метод управления состояниями (Context), он плохо масштабируется. Перемещение состояния вверх по дереву работает для простых приложений, но в более сложных архитектурах изменение состояния производится через свойства (props). Ещё лучше делать это через внешнее глобальное хранилище.

Когда нужно пользоваться Redux?

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

Простым приложениям Redux не нужен.

Первый шаг на пути к изучению Redux

Начать свое знакомство с Redux и понять что это такое можно из этой схемы:

Все очень легко из кода мы вызываем какой либо Action в который передаем payload(те данные которые хотим изменить), в свою очередь Actionзапускают Reducer. Reducerвысчитывает новое состояние и записывают его в Store. Из Store мы получаем новый state. Это и есть весь Redux.

Дальше можно перейти к основам и понять как это все реализуется.

Схема работы Redux'a