Создание и запуск React-проекта

Чтобы начать разработку на React, нужно создать проект с помощью инструмента сборки. Современные React-приложения не запускаются напрямую в браузере — они требуют транспиляции (например, преобразования JSX в обычный JavaScript), сборки модулей и запуска локального сервера для разработки.

Существует несколько способов создать такой проект. Наиболее популярные — Create React App (CRA) и Vite. Оба автоматически настраивают окружение, но отличаются подходом, скоростью и гибкостью.

Независимо от выбранного инструмента, после создания проекта вы получаете:

  • Локальный сервер разработки с поддержкой горячей перезагрузки (изменения в коде мгновенно отображаются в браузере без полной перезагрузки страницы).
  • Автоматическую транспиляцию JSX и современного JavaScript.
  • Готовую конфигурацию для запуска, сборки и тестирования.

Основные шаги

  1. Убедитесь, что установлен Node.js (версия 18 или выше рекомендуется).
  2. Выберите инструмент: CRA или Vite.
  3. Выполните команду создания проекта в терминале.
  4. Перейдите в папку проекта и запустите dev-сервер.

Детали по каждому инструменту вынесены в отдельные подстраницы.