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 sabían, React es una biblioteca JavaScript de código abierto para crear una interfaz 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 que es más importante, aloja su sitio en su propio VPS. La instalación es bastante simple y asume que se están ejecutando en la cuenta raíz, si no, 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.

Requisitos previos

• Un servidor que ejecuta uno de los siguientes sistemas operativos:Ubuntu 20.04, 18.04 y cualquier otra distribución basada en Debian como Linux Mint o Elementary OS.
• Se recomienda que utilice una instalación de sistema operativo nueva para evitar posibles problemas.
• Un non-root sudo user o acceder al root user . Recomendamos actuar como un non-root sudo user , sin embargo, puede dañar su sistema si no tiene cuidado al actuar como root.

Instalar 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 el siguiente apt comandos en la terminal.

sudo apt update
sudo apt upgrade

Paso 2. Instalación de Node.js.

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

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

Luego, 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

Al crear correctamente 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

Salida:

Compiled successfully!

You can now view myreactapp in the browser.

  http://localhost:3000

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

¡Felicitaciones! 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 ReactJS oficial sitio web.