Cómo instalar ReactJS en Ubuntu • Sitio web para estudiantes

Tutoriales marzo 16, 2021

En este post veremos cómo instalar React o ReactJS en Ubuntu 20.04 | 18.04.

React es una biblioteca de JavaScript de código abierto que facilita la creación de interfaces de usuario interactivas, incluidas vistas de diseño simples para cada estado de su aplicación.

Para los desarrolladores que buscan una biblioteca de JavaScript de código abierto para crear una interfaz de usuario genial, React debería ser un excelente lugar para comenzar.

Debido a su flexibilidad, los desarrolladores y el uso de la lógica de componentes simples de React para llevar HTML directamente a JavaScript en lugar de plantillas, y pueden pasar fácilmente datos enriquecidos a través de su aplicación y mantener el estado fuera del DOM.

React wad desarrollado y administrado por Facebook y desarrolladores de código abierto.

Para comenzar con la instalación de React en Ubuntu, sigue los pasos a continuación:

Instalar Node.js

Dado que React es una biblioteca de JavaScript, querrá instalar Node.js. El tiempo de ejecución de JavaScript se basa en el motor de JavaScript V8 de Chrome y es un requisito para ejecutar React.

Para esta publicación, instalaremos Node.js versión 14 y npm. Puede instalar otras versiones que se adapten a su entorno.

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

Después de ejecutar los comandos anteriores, Node.js debería estar instalado y listo para usar. Para verificar que esté instalado, ejecute los siguientes comandos:

node -v

Eso debería mostrar la versión de Node.js.

v14.16.0

Cuando esa instalación, continúe e instale el administrador de paquetes Yarn. Los siguientes comandos pueden instalarlo.

sudo npm install -g yarn

Crear aplicación React

En este punto, debería poder crear aplicaciones en React. Ejecute los siguientes comandos para crear su primera aplicación React llamada mi primer proyecto.

yarn create react-app myfirstproject

También puede usar cualquiera de los comandos a continuación para crear un proyecto en React.

npx create-react-app myfirstproject
npm init react-app myfirstproject

Después de una compilación exitosa, debería recibir un mensaje similar al siguiente:

Success! Created myfirstproject at /home/richard/myfirstproject
Inside that directory, you can run several commands:

  yarn start
    Starts the development server.

  yarn build
    Bundles the app into static files for production.

  yarn test
    Starts the test runner.

  yarn 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 myfirstproject
  yarn start

Happy hacking!
Done in 94.57s.

A continuación, cambie a la carpeta del proyecto e inícielo.

cd myfirstproject
yarn start

Una vez iniciada la aplicación, debería recibir un mensaje a continuación:

Compiled successfully!

You can now view myfirstproject in the browser.

  Local:            http://localhost:3000
  On Your Network:  http://10.0.2.10:3000

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

También debería abrirse una página con el índice de la aplicación.

Eso debería poner en marcha el proyecto para que puedas empezar a trabajar con él. Cuando haya terminado y desee implementar la proyección, use los siguientes comandos:

yarn build

Todos los archivos de su proyecto deben compilarse y cargarse en el índice del directorio.

¡Deberias hacer eso!

Conclusión:

En este tutorial hemos visto cómo instalar ReactJs en Ubuntu 20.04 | 18.04. Si encuentra algún error arriba, utilice el formulario de comentarios a continuación para informar.

También te puede gustar la publicación a continuación: