Найти в Дзене
PulseX education

Запуск React.js (React 1/∞)

Что ж, решили значит мы писать проект на React, в связке с Django и PostgreSQL. А это повод поделиться шагами по установке React.

Да, точно. Пишем мы хаб для хранения материалов от наших пользователей - лекции, презенташки, задачи…. И еще проверку кода. Мы, конечно, не Яндекс, но тоже немного умеем 😊

Если вы никогда ничего не писали на JS, то потребуется Node.js. Вот ссылочка - https://nodejs.org/en. Если не поставится, переустанавливайте систему. Или хотя бы ошибку в комментарии, поможем.

Ну а если вы тут просто почитать, то можно не ставить Node.js, а поставить лайк или подписаться. Тоже полезное дело. Может когда-нибудь нам за это заплатят и тогда задеплоим проект.

Итак, займемся магией🪄

Для начала нам нужна консоль. Или терминал. В общем та штука, где можно выполнять разные команды (для mac нужно в поиске вбить “terminal” для windows “командная строка”). И еще нужна папка для проекта. Надеюсь, вы умеете создавать папки.

Переходим в папку. Только не в проводнике, а в консоли. И выполняем команду

npx create-react-app .

Вот прямо так, с точкой.

И идем пить кофе ☕️. Это займет какое-то время. Когда кофе закончится, на экране будет примерно следующие.

Установка React
Установка React

Ура. Вы поставили React. Теперь можно выпить что-то покрепче кофе.

Там, если что, внизу написаны команды для запуска проекта (npm start, npm run build ...). Да и вообще, что делать дальше.

Но если лень читать, то просто пишем

npm run start

(а если надо собрать проект - то npm run build, но об этом чуть позже).

В итоге вы увидите вот такую штуку и можно начинать писать код.

Запустили!
Запустили!

В общем, дело пяти минут и чашки кофе. Кстати, на экране вашего проекта есть ссылка на Learn React. Но там не разберетесь, если никогда не писали код.

Если все получилось, можно порадоваться и искать следующий урок по React. А нам - лайк поставить за краткость.