# create-react-app

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

Если вы не знакомы с данными командами, значит вам нужно поставить себе [node.js](https://nodejs.org/) и ввести их в терминале после.

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

![welcome to react](https://3842968617-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LvLmy8zv6fVL10WKBbo%2F-LvLmz1YS_tUOICnhzwj%2F-LvLnSTBdJjbV0xN8yHh%2Fwelcome-to-react.jpg?generation=1575561867939600\&alt=media)

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

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

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

Про import/export задерживаться не будем, так как думаю вы это уже знаете. Если что, есть глава "[Приборка и импорты](https://maxfarseer.gitbooks.io/react-course-ru-v2/content/create-react-app/priborka-i-importi.html)" в учебнике по основам реакта.

[Исходный код](https://github.com/maxfarseer/redux-course-ru-v2/tree/chp1-create-react-app)