Как установить ReactJS в Ubuntu

React (также называемая ReactJS), разработанная Facebook в 2011 году, представляет собой библиотеку Javascript, используемую для создания быстрых и интерактивных пользовательских интерфейсов. На момент написания это самая популярная библиотека Javascript для разработки пользовательских интерфейсов. React превосходит своих аналогов — Angular и Vue JS с точки зрения функциональности и популярности.

Его популярность обусловлена его гибкостью и простотой, что делает его лучшим выбором при разработке мобильных и веб-приложений. Более 90 000 сайтов используют React, включая таких технологических гигантов, как Facebook, Netflix, Instagram. >, Airbnb и Twitter, и это лишь некоторые из них.

В этой статье вы узнаете, как установить ReactJS в Ubuntu 20.04 и Ubuntu 18.04.

Шаг 1. Установка NPM в Ubuntu

Мы начинаем установку React JS с установки npm – сокращенно от менеджера пакетов узла, это две вещи. Во-первых, это инструмент командной строки, используемый для взаимодействия с пакетами Javascript, который позволяет пользователям устанавливать, обновлять инструменты и библиотеки Javascript и управлять ими.

Во-вторых, npm — это онлайн-реестр программного обеспечения с открытым исходным кодом, в котором размещено более 800 000 пакетов Node.JS. Npm бесплатен, и вы можете легко загружать общедоступные приложения.

Чтобы установить npm в Ubuntu Linux, войдите на свой сервер как пользователь sudo и выполните приведенную ниже команду:

sudo apt install npm

После завершения установки вы можете проверить установленную версию npm с помощью команды:

npm --version

6.14.4  [Output]

Последняя версия на момент написания — v6.14.4, как показано в выходных данных.

При установке npm также устанавливается node.js, и вы можете проверить установленную версию node с помощью команды:

node --version

v10.16.0  [Output]

Шаг 2. Установка утилиты create-react-app

create-react-app — это утилита, позволяющая настроить все инструменты, необходимые для создания приложения React. Это сэкономит вам много времени и энергии, настраивая все с нуля, и даст вам необходимое преимущество.

Чтобы установить инструмент, выполните следующую команду npm:

sudo npm -g install create-react-app

После установки вы можете подтвердить установленную версию, выполнив:

create-react-app --version

4.0.1  [Output]

Шаг 3. Создайте и запустите свое первое приложение React

Создать приложение React довольно просто и понятно. Мы собираемся создать реагирующее приложение под названием tecmint-app следующим образом.

create-react-app tecmint-app

Установка всех пакетов, библиотек и инструментов, необходимых приложению, занимает примерно 5 минут. Немного терпения вам пригодится.

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

Чтобы запустить приложение, перейдите в каталог app.

cd tecmint-app

Затем выполните команду:

npm start

В конечном итоге вы получите вывод ниже, показывающий, как получить доступ к приложению в браузере.

Запустите браузер и просмотрите IP-адрес вашего сервера.

http://server-ip:3000

Это показывает, что приложение React по умолчанию запущено и работает. В этом руководстве мы успешно установили React JS и создали приложение в React.