Начать разработку на React очень просто. Для этого нужно запустить приложение в шаблонном виде на локальном хосте, и вот как это сделать.
Установка необходимых программ
Сперва необходимо установить некоторые программы. Если вы работаете на Windows, то рекомендую установить приложение Git Bash для работы с командной строкой. На UNIX-подобных операционных системах Bash является предустановленной командной оболочкой.
Далее вам понадобится менеджер пакетов npm (Node package manager), входящий в состав Node.js (среда исполнения JavaScript). npm устанавливается автоматически с установкой Node. Поэтому устанавливаем Node. Выбирайте версию с LTS (long-term support). По завершении установки открываем уже установленное приложение Git Bash и убеждаемся, что Node установлен: вводим команду $ which node, которая покажет путь к файлу, например /c/Program Files/nodejs/node. Вы также можете проверить установленную версию Node командой $ node -v.
Итак, мы установили необходимые программы и можем приступать непосредственно к запуску шаблонного приложения на React.
React приложение можно создать вручную, но пакет create-react-app позволяет быстро запустить шаблонную версию приложения. Преимущество такого подхода заключается в согласованной структуре приложения, а также в готовом скрипте сборки и сервере разработки.
Запуск приложения на React
Мы будем использовать npx (инструмент запуска пакетов, который поставляется с npm) для установки и запуска пакета create-react-app. В интерфейсе командной строки (в открытом Git Bash приложении) вводим: $ npx create-react-app myapp, где myapp - название папки, в которой будет располагаться ваше приложение - поэтому выбираете любое название. После введенной команды ожидаем установки необходимых файлов.
По завершении установки вводим две команды: $ cd myapp - это переместит вас в папку вашего приложения. И последняя команда для запуска локального сервера: $ npm start. Эта команда автоматически откроет начальную страницу вашего приложения в вашем браузере по умолчанию.
Поздравляю! Только что вы запустили шаблонное приложение React на локальном сервере. Теперь можно начинать кодить!