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

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

В этой статье мы объясним, как установить React на Ubuntu 20.04.

React - это интерфейсная библиотека JavaScript с открытым исходным кодом для создания пользовательских интерфейсов или компонентов пользовательского интерфейса. Он поддерживается Facebook и сообществом отдельных разработчиков и компаний.

Эта статья проведет вас по процессу установки и развертыванию сайта React.

Предпосылки

  • Установленный выделенный сервер Ubuntu 20.04 или KVM VPS.
  • Пользователь root или обычный пользователь с правами администратора sudo.

Установите React на Ubuntu 20.04

Шаг 1. Поддерживайте сервер в актуальном состоянии

# apt update -y && apt upgrade -y

Шаг 2 - Установите NodeJS и NPM

Установите последний стабильный выпуск NodeJS.

# curl -sL https://deb.nodesource.com/setup_15.x | sudo -E bash -

# apt-get install -y nodejs

Убедитесь, что установка прошла успешно.

# node -v && npm -v

Выход:

v15.9.0
7.5.4

Шаг 3 - Установите приложение для создания реакции

В этой статье мы будем использовать инструмент create-react-app. Это самый простой и лучший инструмент с готовыми конфигурациями промышленного уровня. Это удобная среда для изучения React, и это лучший способ начать создавать новое одностраничное приложение на React.

# npm install -g create-react-app

Проверьте установку:

# create-react-app --version

Выход:

4.0.2

Шаг 4 - Разверните приложение React

Создайте приложение для реагирования, используя следующую команду:

# npx create-react-app my-app

Запустить сервер разработки

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

# cd my-app

# npm start

Теперь вы можете просматривать мое приложение в браузере.

Local: http://localhost:3000
On Your Network: http://192.168.0.102:3000

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

Строить

Объединяет приложение в статические файлы для производства. Выполните следующую команду:

# npm run build

Вот и все. Установка была успешно завершена.

В этой статье мы увидели, как установить React на Ubuntu 20.04.