Redux Toolkit — це потужна бібліотека, яка спрощує керування станом у React-додатках за допомогою Redux. Нижче наведено підсумок основних тем, пов'язаних із Redux Toolkit:

Redux Store

• Redux store виступає єдиним джерелом істини для стану додатка;
• Функція Redux Toolkit configureStore спрощує налаштування store, надаючи оптимальні налаштування за замовчуванням і вбудовані middleware;
• Налаштування store включає визначення редʼюсерів для різних змін стану.

Redux Store у додатку

• Компонент Provider з бібліотеки react-redux використовується для надання Redux store компонентам додатка;
• Компонент Provider обгортає кореневий компонент додатка та приймає Redux store як пропс.

Дії та генератори дій

• Дії описують зміни, які потрібно внести до стану, і створюються за допомогою генераторів дій;
• Redux Toolkit надає функцію createAction для спрощення створення генераторів дій;
• Генератори дій створюють об'єкти дій із властивістю type, яка ідентифікує дію під час відправлення.

Редьюсери та управління станом

• Редьюсери визначають, як має змінюватися стан у відповідь на відправлені дії;
• Функція createReducer з Redux Toolkit спрощує створення редьюсерів, автоматично генеруючи випадки дій на основі наданих функцій;
• Редьюсери приймають поточний стан і дію як параметри та повертають новий стан.

Зв'язок Redux і React

• Хук useSelector з react-redux дозволяє отримувати значення стану зі сховища Redux у компонентах React;
• Хук useDispatch використовується для доступу до функції dispatch, яка дозволяє відправляти дії для оновлення сховища Redux;
• Компоненти можуть підписуватися на стан і відправляти дії за допомогою цих хуків, що дозволяє їм взаємодіяти зі сховищем Redux.

Примітка

Чудово! Ви ознайомилися з основами Redux Toolkit, включаючи створення дій, редукторів і Redux store.
Для подальшої допомоги рекомендується звернутися до офіційної документації Redux Toolkit. Успіхів у використанні Redux!