Create React App (CRA)

Create React App (CRA) — это официальный инструмент от команды React для быстрого старта проекта без необходимости настраивать сборку вручную. Он скрывает всю конфигурацию Webpack, Babel и других инструментов «под капотом», позволяя сразу писать код.

Создание проекта

Чтобы создать проект с помощью CRA, выполните в терминале:

npx create-react-app my-app

Эта команда:

  • Скачивает необходимые зависимости.
  • Создаёт структуру проекта в папке my-app.
  • Настраивает скрипты для запуска, сборки и тестирования.

Запуск проекта

После создания перейдите в папку проекта и запустите сервер разработки:

cd my-app
npm start

Браузер автоматически откроет приложение по адресу http://localhost:3000.

Особенности CRA

  • Всё настроено «из коробки»: поддержка JSX, импорт CSS, обработка изображений, линтер.
  • Подходит для обучения и небольших проектов.
  • Не требует знания Webpack или Babel.

Минусы

  • Большая и медленная сборка при росте проекта.
  • Сложно кастомизировать конфигурацию без «eject» (однократной команды, которая раскрывает всю конфигурацию, но делает её необратимой).
  • Медленный старт dev-сервера по сравнению с современными альтернативами.

CRA долгое время был стандартом, но сегодня многие разработчики выбирают более быстрые и гибкие инструменты, такие как Vite.