Cómo instalar ReactJS en Ubuntu 20.04 LTS

En este tutorial, le mostraremos cómo instalar ReactJS en Ubuntu 20.04 LTS. Para aquellos de ustedes que no lo sabían, React es una biblioteca de JavaScript de código abierto para crear frontend web y componentes de interfaz de usuario. Es desarrollado y mantenido por Facebook y una gran comunidad de desarrolladores. ReactJS se puede utilizar en el desarrollo de aplicaciones web o aplicaciones móviles.

Este artículo asume que tiene al menos conocimientos básicos de Linux, sabe cómo usar el shell y, lo más importante, aloja su sitio en su propio VPS. La instalación es bastante simple y asume que está ejecutando en la cuenta de root, de lo contrario, es posible que deba agregar ‘sudo‘a los comandos para obtener privilegios de root. Le mostraré la instalación paso a paso de ReactJS en Ubuntu 20.04 (Focal Fossa). Puede seguir las mismas instrucciones para Ubuntu 18.04, 16.04 y cualquier otra distribución basada en Debian como Linux Mint.

Instale ReactJS en Ubuntu 20.04 LTS Focal Fossa

Paso 1. Primero, asegúrese de que todos los paquetes de su sistema estén actualizados ejecutando lo siguiente apt comandos en la terminal.

sudo apt update
sudo apt upgrade

Paso 2. Instalar Node.js.

Ahora agregamos el PPA de Node.js a su sistema Ubuntu:

curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -

A continuación, ejecute el siguiente comando para instalar Node.js:

sudo apt install nodejs

También puede instalar el administrador de paquetes Yarn en su sistema Ubuntu:

npm install -g yarn

Paso 3. Cree una nueva aplicación React.js.

Puede crear una aplicación React.js usando uno de los siguientes comandos:

yarn create react-app myreactapp

En la creación exitosa de la aplicación, verá un resultado largo en la pantalla:

Success! Created reactproject at /opt/reactproject
Inside that directory, you can run several commands:

  npm start
    Starts the development server.

  npm run build
    Bundles the app into static files for production.

  npm test
    Starts the test runner.

  npm run eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd reactproject
  npm start

Una vez que haya creado su aplicación React. Esto creará una carpeta en el directorio actual con el nombre del proyecto. Cambie a ese proyecto y ejecute yarn start para iniciar la aplicación:

cd myreactapp
yarn start

Producción:

Compiled successfully!

You can now view myreactapp in the browser.

  https://localhost:3000

Note that the development build is not optimized.
To create a production build, use yarn build.

¡Felicidades! Ha instalado ReactJS con éxito. Gracias por usar este tutorial para instalar ReactJS en su sistema Ubuntu 20.04 LTS Focal Fossa. Para obtener ayuda adicional o información útil, le recomendamos que consulte el sitio web oficial de ReactJS.