Глава 1. Как создать проект и установить инструменты

Зачем эта глава

Прежде чем писать код, нужно подготовить рабочее место. Если это не сделать, дальше будет только больше ошибок, непонятных сообщений и разочарования.

В этой главе мы установим всё необходимое и создадим первый React-проект. Ты увидишь, что это не «магия», а набор обычных шагов.

Теория (коротко)

Node.js — программа, которая позволяет запускать JavaScript вне браузера. Без него мы не сможем установить React и запускать проекты.

npm — менеджер пакетов. Он скачивает библиотеки (например, React) и запускает команды проекта.

Редактор кода (обычно VS Code) — это место, где мы пишем и читаем код. Он подсвечивает ошибки и помогает быстро ориентироваться.

Git — система контроля версий. Она помогает сохранять историю проекта и работать с заказчиками.

Терминал — окно, где мы вводим команды. Сначала он может пугать, но мы будем использовать лишь несколько простых команд.

Пошагово: что установить

1. Скачай и установи Node.js LTS.
2. Установи редактор VS Code.
3. Установи Git.
4. Открой терминал и проверь версии.

node -v
npm -v
git --version

Создаём первый проект

Мы используем Vite — это быстрый и простой способ создать React-проект.

npm create vite@latest my-react -- --template react
cd my-react
npm install
npm run dev

После команды npm run dev в браузере откроется адрес вроде http://localhost:5173.

Задания