Встановлення 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"
},
Структура вашого проєкту повинна виглядати наступним чином:
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Awesome!
Completion rate improved to 4.17
Встановлення 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"
},
Структура вашого проєкту повинна виглядати наступним чином:
Дякуємо за ваш відгук!