Summary  
This chapter explains how to organize a React and Redux codebase by structuring components alongside action creators, reducers, and a centralized store configuration.

General domain of usage  
Web application development

Перш ніж розпочати роботу над проєктом, важливо ознайомитися з наданими файлами та папками, щоб зрозуміти структуру проєкту. Наразі доступні лише UI-компоненти без будь-якої логіки. Якщо бажаєте працювати локально, ви можете скопіювати компоненти. Зверніть увагу, що всі приклади коду будуть надані протягом цього розділу.

### Як працювати з Code Sandbox

## Папка Redux
Рекомендується уважно ознайомитися з папкою `redux`. Представлені такі папки та файли:
- `actions/counterAction.js`: Цей файл міститиме генератори дій для функціоналу лічильника. Визначає функції, які створюють дії, пов’язані з лічильником;
- `reducers/counterReducer.js`: Цей файл міститиме редуктор, відповідальний за керування станом лічильника. Визначає, як має змінюватися стан у відповідь на різні дії;
- `store.js`: Цей файл налаштовує Redux store за допомогою функції configureStore з Redux Toolkit. Об’єднує кілька редукторів і встановлює необхідні middleware.

Відкрийте для себе можливості Redux Toolkit у поєднанні з React та вдосконалюйте навички керування станом. Цей курс комплексно знайомить з Redux Toolkit — потужною бібліотекою для керування станом. Дізнайтеся, як оптимізувати налаштування Redux, спростити складну логіку стану та створювати ефективні, масштабовані React-додатки.

Ознайомтеся з основними концепціями керування станом та дізнайтеся, як використовувати можливості Redux Toolkit. Ми проведемо вас через процес встановлення та допоможемо створити ваш перший проєкт React з Redux Toolkit. Додатково, виконайте завдання для перевірки ваших знань і навичок.

Дослідження інтеграції Redux з додатками React, розгляд основних понять: дії, редуктори та сховище Redux. Містить практичні приклади та пояснення коду для налаштування сховища, створення редукторів і підключення компонентів React за допомогою хуків useSelector та useDispatch.

Поглиблення навичок керування станом. У цьому практичному воркшопі ви вирішуєте реальні завдання та отримуєте практичний досвід використання Redux Toolkit для ефективної розробки застосунків.

Розуміння Коду Проєкту Та Структури Файлів

Як працювати з Code Sandbox

Папка Redux