En las secciones anteriores, hemos aprendido los conceptos básicos de React. Ahora sabemos cómo crear componentes, gestionarlos, renderizar información e implementar lógica. Sin embargo, todas estas tareas se realizaron en CodeSandbox, que es excelente para el estudio.

¿Pero qué sucede con los proyectos del mundo real? ¿Todos los desarrolladores crean proyectos en CodeSandbox? Por supuesto que no. Esta sección está dedicada a ayudarte a iniciar tu proyecto en tu máquina local, guiándote paso a paso durante el proceso.

Paso 1: Instalar Node.js y npm

Es necesario instalar Node.js y npm en la máquina local.

Node.js es un entorno de ejecución de código abierto que permite ejecutar código JavaScript del lado del servidor.

npm significa "Node Package Manager". Es un gestor de paquetes para Node.js que permite a los desarrolladores instalar, gestionar y compartir fácilmente paquetes o módulos de código JavaScript reutilizables.

• Acceder al sitio web oficial de Node.js: https://nodejs.org;
• Descargar el instalador para tu sistema operativo (Windows, macOS o Linux). Nos interesa la versión LTS, ya que es estable y funcional;

• Ejecutar el instalador y seguir las instrucciones de instalación;
• Después de la instalación, Node.js y npm (Node Package Manager) deben estar instalados en la máquina.

¿Cómo podemos comprobar si tenemos Node.js y npm instalados?

Para verificar si Node.js y npm están instalados en la máquina, se puede abrir la terminal del ordenador (símbolo del sistema, PowerShell o emulador de terminal) y ejecutar los comandos. Pasos:

1. Abrir la terminal;

• Windows: Pulsar Win + X y seleccionar "Windows PowerShell" en el menú. Alternativamente, buscar "PowerShell" en el menú de inicio;
• macOS: Ir a "Aplicaciones" > "Utilidades" > "Terminal". Otra opción es usar la búsqueda "Spotlight" pulsando Cmd + Space y escribiendo "Terminal";
• Linux: El atajo Ctrl + Alt + T se utiliza comúnmente para abrir la terminal en muchas distribuciones de Linux. Sin embargo, dependiendo de la distribución específica, puede haber otros métodos como buscar "Terminal" en el menú de aplicaciones o usar un atajo de teclado diferente.

Nota

Si ninguno de estos métodos funciona, se recomienda consultar la documentación o los recursos de soporte del sistema operativo para encontrar la forma adecuada de abrir la terminal. O siempre se puede buscar en Google.

2. Comprobar la versión de Node.js;

En la terminal, ejecutar el siguiente comando.

node -v

Este comando mostrará la versión de Node.js instalada en la máquina. Si Node.js está instalado, se verá el número de versión.

3. Comprobar la versión de npm.

En la terminal, ejecutar el siguiente comando.

npm -v

Este comando mostrará la versión de npm instalada en la máquina. Si npm está instalado, se verá el número de versión.

Si ambos comandos devuelven los números de versión, Node.js y npm están correctamente instalados y disponibles en la máquina. Si los comandos no son reconocidos o devuelven un error, significa que Node.js y/o npm no están instalados, o que las rutas de instalación no están configuradas correctamente. En ese caso, puede ser necesario revisar los pasos de instalación de Node.js y asegurarse de que la instalación se haya completado correctamente. A veces se recomienda reiniciar la máquina.

Nota

Por ahora, la versión que se obtenga no es relevante.