Этот учебник послужит введением в ReactJS. Если вы новичок в ReactJS и хотите получить некоторое представление о том, что такое реакция и с чего начать, то вы попали по адресу.

Что такое ReactJS

ReactJs — это библиотека JavaScript для создания пользовательских интерфейсов. Разработано и поддерживается facebook. Его можно использовать в качестве уровня представления в архитектуре MVC в веб-приложениях, а также для создания быстрого и надежного пользовательского интерфейса для JavaScript.

Требования

Чтобы установить и использовать ReactJS, нам нужны Node.js и NPM.

  • Node.js — это среда выполнения JavaScript, которая выполняет код JavaScript вне браузера.
  • NPM (Node Package Manager) — это менеджер пакетов для JavaScript и менеджер пакетов по умолчанию для среды выполнения JavaScript. NPM позволяет нам устанавливать библиотеки JavaScript.

Настраивать

Мы можем установить Node с их официального веб-сайта и всегда загружать последнюю версию LTS (долгосрочная поддержка), потому что она более стабильна. Вы также можете установить его из терминала, следуя приведенным ниже инструкциям.

Чтобы установить node и npm, вставьте это в свой терминал и убедитесь, что у вас есть права администратора →sudo apt install nodejs

После этого вы можете проверить установку узла и npm, используя «node -v» и «npm -v» соответственно. Если npm не установился успешно, вы можете использовать эту команду sudo apt-get install npm

Загрузите необходимые пакеты и создайте проект

Теперь у нас есть все, чтобы начать работу над нашим первым простым проектом с использованием ReactJS. Итак, приступим!

  • откройте терминал и введите → «npm i -g create-react-app», где i — установить, а -g — глобально.
  • Теперь введите → «create-react-app hello-world» здесь hello-world — это имя проекта, это может быть что угодно, это загрузит необходимые пакеты, необходимые для сборки нашего приложения, и это может занять несколько минут в зависимости от вашего скорость интернета так что наберитесь терпения.

Если все прошло правильно, вы получите сообщение, показанное на скриншоте выше. Если вам не удалось получить вышеуказанное сообщение, не паникуйте! вернитесь к процессу установки и убедитесь, что вы правильно выполнили мои инструкции.

Давайте запустим наш первый проект ReactJS

Теперь у вас должен быть проект с именем «hello-world» в вашем домашнем каталоге, если вы правильно следовали моим инструкциям. давайте запустим этот проект.

Чтобы запустить → перейдите в расположение вашего проекта → «cd hello-world» и введите → «npm start».

Если вы получите такое же сообщение в своем браузере, поздравляю!!!

Если вам не удалось получить указанное выше сообщение в браузере, убедитесь, что вы правильно выполнили мои инструкции.

Поздравляю! в вашем первом приложении ReactJS. В моей следующей статье мы изменим этот проект и давайте построим из этого что-то лучшее. А пока береги себя!