====== Redux DevTools - Інструменти розробника ====== - Встановити [[https://chromewebstore.google.com/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd|Redux DevTools - розширення для Google Chrome]] ===== Якщо використовується старий формат Redux ===== Далі встановлюємо бібліотеку, яка дозволить ініціалізувати логіку Redux DevTools та зв'язати її з розширенням в інструментах розробника. npm install @redux-devtools/extension 3. імпортуємо функцію devToolsEnhancer і використовуємо її при створенні стора, передавши її результат третім аргументом, замість початкового стану. // src/redux/store.js import { createStore } from "redux"; import { devToolsEnhancer } from "@redux-devtools/extension"; const initialState = {   tasks: [     { id: 0, text: "Learn HTML and CSS", completed: true },     { id: 1, text: "Get good at JavaScript", completed: true },     { id: 2, text: "Master React", completed: false },     { id: 3, text: "Discover Redux", completed: false },     { id: 4, text: "Build amazing apps", completed: false },   ],   filters: {     status: "all",   }, }; const rootReducer = (state = initialState, action) => {   return state; }; // Створюємо розширення стора, щоб додати інструменти розробника const enhancer = devToolsEnhancer(); export const store = createStore(rootReducer, enhancer); ===== Для нового Redux Toolkit ===== Нічого додатково робити не треба. Тільки встановити розширення для браузера