Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Встановлення Redux Toolkit | Початок Роботи з Redux Toolkit
Керування станом з Redux Toolkit у React

bookВстановлення Redux Toolkit

1. Створення проєкту React

Якщо у вас ще немає проєкту React, створіть його за допомогою Create React App. Відкрийте термінал і виконайте:

npx create-react-app my-great-app
cd my-great-app

2. Встановлення Redux Toolkit

Перейдіть до каталогу вашого проєкту та встановіть Redux Toolkit:

npm install @reduxjs/toolkit

3. Встановлення додаткових залежностей

Redux Toolkit може вимагати додаткових залежностей, таких як react-redux. Це дозволяє використовувати Redux у React. Встановіть їх за допомогою:

npm install react-redux 

Після виконання всіх інструкцій переконайтеся, що у вашому файлі package.json містяться такі залежності:

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

Структура вашого проєкту повинна виглядати наступним чином:

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 1. Розділ 4

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Awesome!

Completion rate improved to 4.17

bookВстановлення Redux Toolkit

Свайпніть щоб показати меню

1. Створення проєкту React

Якщо у вас ще немає проєкту React, створіть його за допомогою Create React App. Відкрийте термінал і виконайте:

npx create-react-app my-great-app
cd my-great-app

2. Встановлення Redux Toolkit

Перейдіть до каталогу вашого проєкту та встановіть Redux Toolkit:

npm install @reduxjs/toolkit

3. Встановлення додаткових залежностей

Redux Toolkit може вимагати додаткових залежностей, таких як react-redux. Це дозволяє використовувати Redux у React. Встановіть їх за допомогою:

npm install react-redux 

Після виконання всіх інструкцій переконайтеся, що у вашому файлі package.json містяться такі залежності:

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

Структура вашого проєкту повинна виглядати наступним чином:

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 1. Розділ 4
some-alt