> For the complete documentation index, see [llms.txt](https://max-frontend.gitbook.io/redux-course-ru-v2/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://max-frontend.gitbook.io/redux-course-ru-v2/chapter1/create-react-app.md).

# create-react-app

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

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

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

![welcome to react](/files/-LvLnSTBdJjbV0xN8yHh)

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

```
+-- 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)