React es una biblioteca de Javascript que se utiliza para crear interfaces de usuario interactivas rápidas. React fue desarrollado por Facebook en 2011 y se ha convertido en la biblioteca de Javascript más popular para desarrollar aplicaciones web y móviles.
Requisitos
Antes de instalar React, primero necesitamos algunas cosas.
- Un servidor con Ubuntu 20.04 o 18.04.
- Unos 10 minutos y una taza de café o té caliente. Prefiero Chai de Vainilla con un chorrito de leche entera o almendras dependiendo de mi estado de ánimo ese día.
Paso 1:Instalar NPM
Primero, necesitamos instalar NPM (administrador de paquetes en modo), que es una herramienta de línea de comandos y un registro que alberga miles de paquetes de Node.js.
Instalar npm:
$ sudo apt install npm
¡Bam! Eso fue fácil. Npm está instalado y ahora puede verificar la versión usando:
$ npm --version
$ node --version ← La instalación de npm también instaló Node.js, esto verificará su versión.
Paso 2:instalar crear-reaccionar-aplicación
Ahora necesitamos instalar la utilidad create-react-app que le brinda las herramientas necesarias para crear aplicaciones React.
$ sudo npm -g install create-react-app
Confirme la versión:
$ create-react-app --version
Paso 3:Cree e inicie una aplicación React
¡Ahora a las cosas divertidas! Creemos tu primera aplicación React. El proceso es bastante simple y puede tener una aplicación en funcionamiento en cuestión de minutos.
Para crear la entrada de la aplicación React:
$ create-react-app [app-name] ← Reemplace '[app-name]' con lo que quiera. Adelante, vuélvete loco.
El sistema comenzará a instalar todos los paquetes y herramientas necesarios, lo que llevará unos minutos.
Una vez creada la aplicación, se le solicitará una lista de comandos para administrar su aplicación.
Siempre puede copiar/pegar estos comandos en un archivo de texto en su escritorio para guardarlos más tarde. ¡Mi escritorio está lleno de notas aleatorias de Linux!
Paso 3:Ejecute su nueva aplicación
Creaste tu nueva aplicación elegante en nuestro último paso, ahora necesitamos ejecutar la aplicación. Para hacer eso, primero navegue al directorio de aplicaciones:
$ cd [app-name] ← Nuevamente reemplazando '[app-name]' con el nombre elegido.
Emite este comando:
$ npm start
Debería ver un resultado que le muestra las direcciones IP y el número de puerto para ver su aplicación.
Abra su navegador web elegido, esperemos que no sea Microsoft Edge, y navegue hasta:
http://ip-address:3000
Después de navegar a su instalación de React, debería recibir la página predeterminada de React. ¡Felicidades! Acabas de instalar React y ahora puedes desarrollar según los deseos de tu corazón.