Cómo instalar ReactJS en Ubuntu

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 artículo, 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 lo convierte en el 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. para enumerar algunos.

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

Paso 1: Instalar NPM en Ubuntu

Comenzamos la instalación de Reaccionar JS. instalando npm. abreviatura del 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, lo que permite a los usuarios instalar, actualizar y administrar bibliotecas y herramientas 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 de Node.JS. Npm. es gratuito y puede descargar fácilmente aplicaciones de software que están disponibles públicamente.

freestar.config.enabled_slots.push

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 completada la instalación, puede verificar la versión de npm. instalada usando el comando:

$ npm–version 6.14.4. [Salida]

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 puedes confirmar la versión de node. instalada usando el comando:

$ node–version v10.16.0. [Salida]

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 inicial necesaria.

Para instalar la herramienta, ejecute el siguiente comando npm.

$ sudo npm-g install create-react-app Instalar la herramienta Create React App  Instalar la herramienta Create React App Instalar la herramienta Create React App

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

$ create-react-app–version 4.0.1. [Salida]

Paso 3: Cree y ejecute su primer Aplicación React

Creación de una React. a La aplicación es bastante simple y directa. 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 necesarias para la aplicación. Un poco de paciencia será útil.

Crear React App  Create React App Create React App

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

 Resumen del ancho de la aplicación React  Resumen de la aplicación React Resumen de la aplicación React

Para ejecutar la aplicación, navegue hasta app. directorio

$ cd tecmint-app

Luego ejecute el comando:

$ npm start

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

 Ejecutar la aplicación React  Ejecutar la aplicación React Ejecutar la aplicación React

Enciende tu navegador y busca la dirección IP de tu servidor

http://server-ip: 3000  Acceder a la aplicación React en el ancho del navegador  Acceder a la aplicación React en el navegador Acceder a la aplicación React en el navegador

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