React. Настройка окружения
1. Скачиваем или обновляем node.js https://nodejs.org/en/
Узнать версию node.js можно при помощи команды node -v
2. Устанавливаем утилиту create-react-app
$ npm i -g create-react-app
3. Создаём папку, где будем хранить наши проекты, react-apps и переходим в неё
4. Запускаем консоль, выполняем команду
$ create-react-app todo
Утилита create-react-app создаёт папку проекта todo, имя которой мы указали, скачивает необходимые приложения, устанавливает зависимости. На это потребуется время.
5. Заходим в папку проекта
$ cd todo
запускаем команду
$ npm start
Открывается страница браузера, адрес которой http://localhost:3000/
Это и есть адрес нашего проекта.
Скачиваем код примеров
$ git clone https://github.com/Juriy/pro-react-reduxЧтобы запустить файл проекта, заходим в папку, запускаем команду
$ npm install
Затем
$ npm start
В браузере открывается небольшое приложение на реакт.
Смотрим папку проекта. Нас интересуют две папки. первая src, где находятся файлы с кодом, вторая - папка public с файлом index.html
Из первой папки удаляем всё, кроме файла index.js, из второй всё, кроме index.html.
Из файла index.js удаляем вообще всё, из файла index.html почти всё, остаётся только вот такой небольшой фрагмент
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>React App</title>
</head>
<body>
<div id="root"></div>
</body>
</html>
В самом html коде есть один элемент <div id="root"></div>, всё остальное генерирует реакт.