Якщо ви починаєте новий проєкт за допомогою Create React App і бажаєте налаштувати Redux Toolkit, використовуйте прапорець --template redux під час створення проєкту:

npx create-react-app my-redux-app --template redux

Це створить новий застосунок React із вже налаштованим Redux Toolkit.

Маємо той самий перелік встановлених бібліотек у dependencies у файлі package.json, але весь застосунок вже містить попередньо визначені store, actions та reducer.

"dependencies": {
  "@reduxjs/toolkit": "^1.9.7",
  "@testing-library/jest-dom": "^5.17.0",
  "@testing-library/react": "^13.4.0",
  "@testing-library/user-event": "^14.5.1",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-redux": "^8.1.3",
  "react-scripts": "5.0.1",
  "web-vitals": "^2.1.4"
},

Ми не будемо розглядати всі попередньо визначені інструменти тут. У майбутньому ми створимо власні для кращого розуміння та налаштування.

Пам'ятайте, що у нас є два варіанти додати бібліотеку React Redux до нашого React-додатку.