У цій вправі ви дізнаєтеся, як встановити Redux Toolkit та необхідні залежності у новий проєкт React.

Необхідні умови

Перед початком переконайтеся, що на вашому комп’ютері встановлені Node.js та NPM. Ви можете перевірити це, переглянувши їх версії. Якщо ви бачите номери версій, можете переходити до виконання завдання. Якщо ні, зверніться до офіційної документації Node.js для встановлення їх на ваш пристрій.

node -v
npm -v

Завдання

Крок 1: Створення нового проєкту React

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

npx create-react-app my-redux-app

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

cd my-redux-app

Крок 2: Встановлення Redux Toolkit та залежностей

У каталозі проєкту виконайте наступну команду для встановлення Redux Toolkit:

npm install @reduxjs/toolkit

Redux Toolkit може вимагати додаткових залежностей. Встановіть їх за допомогою наступної команди:

npm install react-redux

Крок 3: Перевірка встановлення

1. Відкрийте редактор коду та перейдіть до каталогу проєкту вашого застосунку React;
2. Перевірте файл package.json у кореневому каталозі, щоб переконатися, що необхідні залежності додані;
3. У розділі @reduxjs/toolkit мають бути записи для react-redux та dependencies.

Крок 4: Запуск сервера розробки

1. Поверніться до вашого терміналу;
2. Запустіть сервер розробки, виконавши команду:

npm start

Відкрийте веб-браузер і перейдіть за адресою http://localhost:3000. Ви повинні побачити, що ваш React-додаток працює.