Com instal·lar ReactJS a Ubuntu

Desenvolupat per Facebook el 2011, React (també conegut com a ReactJS) és una biblioteca de Javascript que s'utilitza per crear interfícies d'usuari ràpides i interactives. En el moment d'escriure, és la biblioteca de Javascript més popular per desenvolupar interfícies d'usuari. React supera els seus homòlegs: Angular i Vue JS en termes de funcionalitat i popularitat.

La seva popularitat prové de la seva flexibilitat i senzillesa i això el converteix en la primera opció en el desenvolupament d'aplicacions mòbils i aplicacions web. Més de 90.000 llocs utilitzen React, inclosos gegants tecnològics com Facebook, Netflix, Instagram, Airbnb i Twitter per enumerar-ne alguns.

En aquest article, aprendràs a instal·lar ReactJS a Ubuntu 20.04 i Ubuntu 18.04.

Pas 1: instal·lació de NPM a Ubuntu

Comencem la instal·lació de React JS instal·lant npm, abreviatura del gestor de paquets de nodes, són dues coses. En primer lloc, és una eina de línia d'ordres que s'utilitza per interactuar amb paquets Javascript, que permet als usuaris instal·lar, actualitzar i gestionar eines i biblioteques de Javascript.

En segon lloc, npm és un registre de programari de codi obert en línia que allotja més de 800.000 paquets Node.JS. Npm és gratuït i podeu descarregar fàcilment aplicacions de programari disponibles públicament.

Per instal·lar npm a Ubuntu Linux, inicieu sessió al vostre servidor com a usuari sudo i invoqueu l'ordre següent:

$ sudo apt install npm

Un cop finalitzada la instal·lació, podeu verificar la versió de npm instal·lada mitjançant l'ordre:

$ npm --version

6.14.4  [Output]

L'última versió en el moment d'escriure això és la v6.14.4 tal com es captura a la sortida.

La instal·lació de npm també instal·la node.js i podeu confirmar la versió del node instal·lada mitjançant l'ordre:

$ node --version

v10.16.0  [Output]

Pas 2: instal·lar la utilitat create-react-app

create-react-app és una utilitat que us permet configurar totes les eines necessàries per crear una aplicació React. Us estalvia una gran quantitat de temps i energia configurant-ho tot des de zero i us proporciona l'avantatge que necessiteu.

Per instal·lar l'eina, executeu la següent comanda npm:

$ sudo npm -g install create-react-app

Un cop instal·lat, podeu confirmar la versió d'instal·lada executant:

$ create-react-app --version

4.0.1  [Output]

Pas 3: creeu i inicieu la vostra aplicació First React

Crear una aplicació React és bastant senzill i senzill. Crearem una aplicació de reacció anomenada tecmint-app de la següent manera.

$ create-react-app tecmint-app

Això triga uns 5 minuts a instal·lar tots els paquets, biblioteques i eines que necessita l'aplicació. Una mica de paciència serà útil.

Si la creació de l'aplicació ha tingut èxit, rebreu la notificació a continuació amb les ordres bàsiques que podeu executar per començar a gestionar l'aplicació.

Per executar l'aplicació, navegueu al directori de l'aplicació

$ cd tecmint-app

A continuació, executeu l'ordre:

$ npm start

A continuació, obtindreu la sortida que us mostra com accedir a l'aplicació al navegador.

Enceneu el vostre navegador i navegueu per l'adreça IP del vostre servidor

http://server-ip:3000

Això mostra que l'aplicació React predeterminada està en funcionament. En aquesta guia, hem instal·lat correctament React JS i hem creat una aplicació a React.