React — это библиотека Javascript, используемая для создания быстрых интерактивных пользовательских интерфейсов. React был разработан Facebook в 2011 году и стал самой популярной библиотекой Javascript для разработки веб-приложений и мобильных приложений.
Предпосылки
Прежде чем мы установим React, нам нужно несколько вещей.
- Сервер под управлением Ubuntu 20.04 или 18.04. Я использую выделенный сервер от Spin Servers.
- Около 10 минут и чашка кофе или горячего чая. Я предпочитаю ванильный чай с каплей цельного молока или миндаля, в зависимости от настроения в этот день.
Шаг 1 — Установите NPM
Во-первых, нам нужно установить NPM (менеджер пакетов режима), который представляет собой инструмент командной строки и реестр, в котором хранятся тысячи пакетов Node.js.
Установите нпм:
$ sudo apt install npm
Бам! Это было просто. Npm установлен, и теперь вы можете проверить версию, используя:
$ npm --version
$ node --version
← При установке npm также устанавливается Node.js, это проверит его версию.
Шаг 2 — Установите приложение create-реагировать
Теперь нам нужно установить утилиту create-react-app, которая предоставляет вам инструменты, необходимые для создания приложений React.
$ sudo npm -g install create-react-app
Подтвердите версию:
$ create-react-app --version
Шаг 3 — Создайте и запустите приложение React
Теперь к веселью! Давайте создадим ваше первое приложение React. Процесс довольно прост, и вы можете запустить приложение за считанные минуты.
Чтобы создать ввод приложения React:
$ create-react-app [app-name]
← Замените «[имя приложения]» на любое другое. Давай, сходи с ума.
Система начнет установку всех необходимых пакетов и инструментов, что займет несколько минут.
После создания приложения вам будет предложен список команд для управления вашим приложением.
Вы всегда можете скопировать/вставить эти команды в текстовый файл на рабочем столе, чтобы сохранить их на потом. Мой рабочий стол завален случайными заметками о Linux!
Шаг 3 — Запустите новое приложение
Вы создали свое модное новое приложение на последнем шаге, теперь нам нужно запустить приложение. Для этого сначала перейдите в каталог приложений:
$ cd [app-name]
← Снова замените «[имя приложения]» выбранным вами именем.
Введите эту команду:
$ npm start
Вы должны увидеть вывод, показывающий вам IP-адреса и номер порта для просмотра вашего приложения.
Откройте выбранный вами веб-браузер, желательно не Microsoft Edge, и перейдите к:
После перехода к установке React вас должна приветствовать страница React по умолчанию. Поздравляем! Вы только что установили React и теперь можете развиваться так, как душе угодно.
Говоря о желаниях вашего сердца. Чтобы сделать эти практические руководства возможными, я использую выделенный сервер от Spin Servers. Конфигурация, которую я использую, это:
Dual Intel Xeon E5–2630L 12x 2.00 GHz CPU 128GB DDR3 RAM 4x 2TB HDD HW RAID-10 DISKSPACE 10TB of Bandwidth on 10Gbps Port Dallas Location
Я получаю эту конфигурацию за 89 долларов США в месяц, используя код DUALE5FOR89. Эта акция находится в ветке Spin Servers Обсуждение веб-хостинга, которую можно найти здесь.
Если у вас есть вопросы о каких-либо услугах Spin Server, свяжитесь с нами по электронной почте [email protected] или в чате spinservers.com. >.
Spin Servers — американский поставщик выделенных серверов и недорогих частных облачных решений. Наш девиз – дать вам возможность быстро, легко и недорого "развернуть серверы".