create-react-app

npx create-react-app my-app
cd my-app
npm start

Если вы не знакомы с данными командами, значит вам нужно поставить себе node.js и ввести их в терминале после.

После запуска мы получим следующую картину в браузере:

И следующую файловую структуру:

+-- node_modules (здесь расположены пакеты для работы приложения)
+-- public (здесь расположены публичные файлы, такие как index.html и favicon)
+-- src (здесь живет компонент App)
+-- .gitignore (файл для гита)
+-- package.json (файл с зависимостями проекта)
+-- README.md (описание проекта)
+-- yarn.lock (может быть, а может и не быть - тоже относится к теме зависимостей проекта)

CRA при каждом изменении в файлах внутри директории src - перезагружает страницу в браузере.

Про import/export задерживаться не будем, так как думаю вы это уже знаете. Если что, есть глава "Приборка и импорты" в учебнике по основам реакта.

Исходный код

Last updated