Крок 1

Зосередження на налаштуванні Redux store та інтеграції його у весь застосунок. Redux store виступає центральним місцем для зберігання стану застосунку, а підключення його до застосунку дозволяє компонентам отримувати доступ до стану та надсилати дії.

Приклад

Завдання

1. Відкрити файл store.js, який знаходиться у папці redux.
2. Використати функцію configureStore з пакету @reduxjs/toolkit для створення Redux store. Ця функція забезпечує спрощений підхід до налаштування store із розумними налаштуваннями за замовчуванням та вбудованим middleware.
3. У файлі index.js змінити код для інтеграції створеного store у весь застосунок.
4. Імпортувати компонент Provider з пакету react-redux.
5. Обгорнути компонент App у компонент Provider. Це робить Redux store доступним для всіх компонентів у застосунку.
6. Передати проп store компоненту Provider. Це підключає застосунок до створеного Redux store, дозволяючи компонентам отримувати стан store та надсилати дії.

1. Функція configureStore спрощує процес створення Redux store, надаючи розумні налаштування за замовчуванням та вбудований middleware.
2. Компонент Provider з пакету react-redux використовується для надання доступу до Redux store компонентам.
3. Переконатися, що компонент Provider обгортає кореневий компонент застосунку (зазвичай це компонент App).