Создайте приложение React, создайте свое первое приложение с React Ubuntu 20.04

В следующей статье мы рассмотрим как мы можем создать наше первое приложение с ReactJS в Ubuntu 20.04, используя Create React App. ReactJS - это библиотека JavaScript с открытым исходным кодом, используемая для создания пользовательского интерфейса, поддерживаемая Facebook и сообществом разработчиков. ReactJS можно использовать при разработке веб-приложений или мобильных приложений.

В React, также известен как ReactJS, данные обрабатываются в DOM. Для запуска приложения React требуются дополнительные библиотеки для маршрутизации и управления состоянием. Некоторые примеры этих библиотек: Redux y Реактивный маршрутизатор.

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

Чтобы установить React в нашей системе, мы должны сначала узнать, что такое npm, и понять, зачем они нам нужны. Npm - это аббревиатура от Node Package Manager., и это крупнейший в мире реестр программного обеспечения с открытым исходным кодом. Содержит более 800.000 XNUMX кодовых пакетов. Npm можно использовать бесплатно, и любое общедоступное программное обеспечение можно загрузить и использовать без регистрации или входа в систему.

Npm - это инструмент управления зависимостями для приложений javascript, который помогает установить все библиотеки и другие инструменты для поддержки разработки JS-приложений.

Установить npm

к установить nodejs, который включает npm, нам останется только открыть терминал (Ctrl + Alt + T) и выполнить следующую команду:

sudo apt install nodejs

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

npm -v

Установленная версия npm зависит от даты установки, так как обновление выполняется часто. Необходимо, чтобы мы убедились, что у нас установлена ​​версия выше 5.

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

node -v

Если в вашей системе не установлена ​​последняя версия npm, вы можете обновить Node Package Manager (npm) до последней версии запуск этой команды в терминале:

sudo npm install -g npm@latest

Установите приложение create-response-app

Чтобы установить продуктивную среду React, нам нужно будет настроить такие инструменты, как babel, webpack и т. Д., Которые сложно настроить для новичков в мире React. Но мы можем найти несколько инструментов, которые помогут нам в настройке. Среди них мы найдем create-react-app - самый простой инструмент в использовании и настройке..

Create React App - удобная среда для изучения React, и это лучший способ начать создание нового одностраничного приложения с помощью React.

Create React App настройте вашу среду разработки так что вы можете использовать новейшие функции Javascript, обеспечивая хороший опыт разработки и оптимизируя ваше приложение для производства. Как указано на их веб-сайте, на вашем компьютере должны быть установлены Node> = 8.10 и npm> = 5.6.

Мы можем установить приложение create-response-app с помощью npm. Для этого в терминале (Ctrl + Alt + T) нам нужно будет только выполнить следующую команду установки:

sudo npm install -g create-react-app

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

create-react-app --version

Создание первого приложения React

Наше первое приложение React можно создать, просто используя create-react-app.. Нам нужно будет использовать только следующую команду:

create-react-app mi-primera-app

Вышеупомянутая команда собирается создать приложение React с именем мое первое приложение. В то же время будет создана новая папка с таким же названием приложения, которая будет включать все необходимые файлы, конфигурации и библиотеки.

Запуск приложения React

После создания проекта React нам нужно будет перейти в каталог проекта и запустить приложение React, используя следующую команду в терминале (Ctrl + Alt + T):

npm start

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

Терминал сообщит нам, что мы должны откройте браузер и загрузите приложение, которое по умолчанию будет работать по URL http: // localhost: 3000. Когда браузер откроется, мы увидим на экране логотип и текст React.

Удалите приложение create-response-app и npm

Пользователи мы можем удалить любую библиотеку, установленную из npm, используя команду npm uninstall. Выполните следующую команду в терминале (Ctrl + Alt + T), чтобы удалить создавать реагирующие-приложение:

sudo npm uninstall -g create-react-app

Точно так же мы можем удалить npm используя эту другую команду в том же терминале:

sudo apt remove nodejs

Более подробную информацию об этой библиотеке JavaScript для создания пользовательских интерфейсов можно найти в проектная документация.