Встановлення 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"
},
Структура вашого проєкту повинна виглядати наступним чином:
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Can you explain what each dependency in the package.json is used for?
What should I do if my package versions are different from those listed?
Can you describe the main folders and files in the project structure?
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"
},
Структура вашого проєкту повинна виглядати наступним чином:
Дякуємо за ваш відгук!
