Cómo instalar ReactJS en Ubuntu


Desarrollado por Facebook en 2011, React (también conocido como ReactJS) es una biblioteca de Javascript que se utiliza para crear interfaces de usuario rápidas e interactivas. En el momento de redactar este documento, es la biblioteca de JavaScript más popular para desarrollar interfaces de usuario. React derrota a sus contrapartes: Angular y Vue JS en términos de funcionalidad y popularidad.

Su popularidad se debe a su flexibilidad y simplicidad y esto la convierte en la primera opción en el desarrollo de aplicaciones móviles y aplicaciones web. Más de 90.000 sitios utilizan React, incluidos gigantes tecnológicos como Facebook, Netflix, Instagram, Airbnb y Twitter, entre otros.

En este artículo, aprenderá cómo instalar ReactJS en Ubuntu 20.04 y Ubuntu 18.04.

Paso 1: Instalar NPM en Ubuntu

Comenzamos la instalación de React JS instalando npm, abreviatura de administrador de paquetes de nodos, son dos cosas. En primer lugar, es una herramienta de línea de comandos que se utiliza para interactuar con paquetes de Javascript, que permite a los usuarios instalar, actualizar y administrar herramientas y bibliotecas de Javascript.

En segundo lugar, npm es un registro de software de código abierto en línea que aloja más de 800.000 paquetes Node.JS. Npm es gratuito y puede descargar fácilmente aplicaciones de software que están disponibles públicamente.

Para instalar npm en Ubuntu Linux, inicie sesión en su servidor como usuario sudo e invoque el siguiente comando:

$ sudo apt install npm

Una vez que se completa la instalación, puede verificar la versión de npm instalada usando el comando:

$ npm --version

6.14.4  [Output]

La última versión al momento de escribir esto es v6.14.4 como se captura en la salida.

La instalación de npm también instala node.js y puede confirmar la versión del nodo instalado usando el comando:

$ node --version

v10.16.0  [Output]

Paso 2: Instalar la utilidad create-react-app

create-react-app es una utilidad que le permite configurar todas las herramientas necesarias para crear una aplicación React. Le ahorra una gran cantidad de tiempo y energía configurando todo desde cero y le brinda la ventaja necesaria.

Para instalar la herramienta, ejecute el siguiente comando npm:

$ sudo npm -g install create-react-app

Una vez instalada, puede confirmar la versión de instalada ejecutando:

$ create-react-app --version

4.0.1  [Output]

Paso 3: Cree y ejecute su primera aplicación React

Crear una aplicación React es bastante simple y directo. Vamos a crear una aplicación de reacción llamada tecmint-app de la siguiente manera.

$ create-react-app tecmint-app

Esto toma aproximadamente 5 minutos para instalar todos los paquetes, bibliotecas y herramientas que necesita la aplicación. Un poco de paciencia será útil.

Si la creación de la aplicación fue exitosa, recibirá la siguiente notificación con los comandos básicos que puede ejecutar para comenzar a administrar la aplicación.

Para ejecutar la aplicación, navegue hasta el directorio de la aplicación

$ cd tecmint-app

Luego ejecuta el comando:

$ npm start

Terminará obteniendo el resultado a continuación que le muestra cómo acceder a la aplicación en el navegador.

Encienda su navegador y explore la dirección IP de su servidor

http://server-ip:3000

Esto muestra que la aplicación React predeterminada está en funcionamiento. En esta guía, hemos instalado React JS con éxito y hemos creado una aplicación en React.