Как настроить хранилище Redux с помощью Redux-Saga и Redux-Logger для реагирующего приложения

Быстрая и короткая конфигурация для добавления хранилища Redux с регистратором Redux и сагой Redux в приложение React.

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

yarn add redux redux-saga redux-logger

Затем вам нужно создать каталог store, в котором вы будете хранить файлы конфигурации.

После того, как вы определили организацию файла хранилища, пришло время настроить файл хранилища с помощью redux store, redux-logger и redux-saga.

Чтобы иметь возможность использовать саги вместе с редуксом, вам нужно определить файл rootSaga, а также для полной настройки магазина вам нужен файл rootReducer.

Начнем с файла rootReducer:

Затем мы создаем файл rootSaga, в котором мы подключаем саги для хранения:

Это все! Теперь вы настроили хранилище с помощью redux-logger и redux-saga.