Шаг 3. Добавление зависимостей

Чтобы приложение на React работало корректно, нам понадобятся следующие библиотеки:

"nanoid": "^3.3.4",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-router-dom": "^6.4.0",
"styled-components": "^5.3.5",
"web-vitals": "^2.1.4"

Библиотеки добавляются в поле dependencies, так как они нужны для работы проекта после его сборки. Для установки используется команда npm i, после которой пишутся названия библиотек. Например: npm i webpack webpack-cli prettier eslint.

"@testing-library/jest-dom": "^5.16.5",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"@babel/preset-react": "^7.18.6",
"react-scripts": "5.0.1",

Эта библиотека добавляется в поле devDependencies для поддержки формата файлов .jxs — синтаксиса React. Для установки используется команда npm i .... -D — здесь также через пробел можно указать сразу несколько библиотек.