Hoy vamos a ver como instalar React, una de las librerías o frameworks para JavaScript más populares.
Para hacer la instalación de ReactJS vamos a seguir estos sencillos pasos:
Paso 1. Instalar NodeJS en su ultima versión, para eso entraremos a su web oficial y descargaremos el instalador más actualizado https://nodejs.org/es/
Paso 2. Actualizar NPM, el gestor de paquetes de node, para bajarnos las dependencias más actuales:
npm install -g npm@latest
Paso 3. Borrar la cache de NPM:
npm cache clean --force
Paso 4. Instalar Create React App, que es un interprete de consola(CLI) que nos va a permitir instalar React facilmente e incluirá webpack para la compilación y minificación del proyecto, un live reload, una estructura básica para los proyectos de ReactJS, etc, veamos como instalar este paquete:
npm install -g create-react-app
Ahora ya tenemos instalado «create react app» y ya podemos generar un nuevo proyecto de React.js
Para generar un nuevo proyecto de React.js y finalmente instalarlo, entraremos al directorio donde queramos generar el proyecto de reactjs y ejecutamos este comando:
create-react-app NombreDeMiProyecto
Ahora entraremos al directorio de nuestro proyecto y lanzaremos el servidor local de pruebas para React:
cd NombreDeMiProyecto npm start
Puedes comprobar la versión de React que tienes dentro del fichero package.json.
Ahora tendremos disponible la webapp de React 16 en http://localhost:3000/ y veremos nuestro proyecto corriendo, con la página de bienvenida por defecto.
Con esto ya sabemos como instalar React desde cero y como generar un proyecto base.
Nos seguimos viendo en mis cursos de desarrollo, en este blog y en mi canal de YouTube 😉
10 febrero, 2021
Buen tutorial simple y sencillo
3 abril, 2021
muy buen tutorial , me sirvio mucho
1 diciembre, 2021
Muy buenos los tutoriales me han ayudado mucho ahora que estoy entrando en el mundo de la programación web.
29 diciembre, 2021
Esta es la única solución que he encontrado a lo que me pasaba con react. Gracias Victor !!!!
1 agosto, 2023
Buen tutorial!