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 JavaScript de código abierto para crear componentes de interfaz de usuario y interfaz web. 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 un conocimiento básico 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 se supone que está 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 ejecute 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 a la 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.

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

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! Has instalado correctamente ReactJS. 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 .