Hola, hoy vamos a aprender los primeros pasos que tenemos que hacer para crear una web con React.
Primero necesitamos tener instalado nodejs en nuestro sistema
Instalar nodejs en Windows
Para instalar Node.js en Windows, sigue estos pasos:
1. Ve al sitio web oficial de Node.js: https://nodejs.org/en/download/
2. Descarga la versión recomendada para la mayoría de los usuarios haciendo clic en el botón «Descargar» en la página principal.
3. Ejecuta el archivo descargado y sigue las instrucciones del instalador.
4. Acepta los términos y condiciones de la licencia.
5. Elige la ubicación donde deseas instalar Node.js.
6. Selecciona los componentes que deseas instalar. Para la mayoría de los usuarios, la configuración predeterminada es suficiente.
7. Haz clic en «Instalar» y espera a que se complete la instalación.
8. Una vez que se complete la instalación, abre una nueva terminal y ejecuta el siguiente comando para verificar que Node.js se haya instalado correctamente:
9. Si Node.js se instaló correctamente, deberías ver la versión de Node.js que acabas de instalar impresa en la terminal.
Con Node.js instalado en tu sistema, puedes continuar con la configuración de tu proyecto React.
Instalar nodejs en Ubuntu
Para instalar Node.js en Ubuntu, sigue estos pasos:
Abre una terminal en Ubuntu.
1. Actualiza el índice de paquetes de tu sistema ejecutando el siguiente comando:
sudo apt update
2. Instala Node.js y npm (Node Package Manager) ejecutando el siguiente comando:
sudo apt install nodejs
3. Verifica que Node.js se haya instalado correctamente ejecutando el siguiente comando:
node -v
Si Node.js se instaló correctamente, deberías ver la versión de Node.js que acabas de instalar impresa en la terminal.
4. Verifica que npm se haya instalado correctamente ejecutando el siguiente comando:
npm -v
Si npm se instaló correctamente, deberías ver la versión de npm que acabas de instalar impresa en la terminal.
Con Node.js y npm instalados en tu sistema, puedes continuar con la configuración de tu proyecto React.
Ahora tenemos que instalar Create React App. Create React App es una herramienta que te permite generar un proyecto de React preconfigurado con las mejores prácticas. Abre tu terminal y ejecuta el siguiente comando para instalarlo globalmente:
npm install -g create-react-app
Una vez instalado, vamos a generar un nuevo proyecto, para ello utilizamos este comando:
npx create-react-app nombre_proyecto
Y nos pedirá si deseamos crear el proyecto, indicamos y.
Ahora instalará las dependencias:
Ahora, una vez instalado, tenemos que ir a la carpeta y ejecutar npm start. Esto lanzará la web en la direccion:
http://localhost:3000/
Y mostrará esto:
Ingeniero en Informática, me encanta crear cosas o arreglarlas y darles una nueva vida. Escritor y poeta. Más de 20 APPs publicadas y un libro en Amazon.