Crea tu primera aplicación en React usando Visual Studio Code

Visual Studio Code (VS Code) es uno de los editores de código más utilizados por desarrolladores web. Es ligero, potente y compatible con múltiples lenguajes. En esta guía aprenderás cómo crear tu primera aplicación en React paso a paso.

Paso 1: Instalar Visual Studio Code

Si aún no tienes instalado VS Code, descárgalo desde su sitio oficial y sigue las instrucciones correspondientes a tu sistema operativo.

Paso 2: Instalar Node.js

Para trabajar con React necesitas Node.js. Puedes descargarlo desde nodejs.org. Node incluye npm (Node Package Manager), que te permitirá instalar dependencias como React.

Paso 3: Crear una carpeta para tu proyecto

Abre la terminal (Ctrl + `) y ejecuta los siguientes comandos:

mkdir mi_primera_app
cd mi_primera_app
      

Paso 4: Crear tu primer archivo

• Abre VS Code.
• Haz clic en "Abrir carpeta" y selecciona mi_primera_app.
• Crea un nuevo archivo llamado app.js.

Paso 5: Escribir tu primer código

Dentro del archivo app.js escribe:

console.log("¡Hola, mundo!");
      

Ahora ejecuta el archivo desde la terminal con:

node app.js
      

Conclusión

Con estos pasos ya tienes tu primer entorno configurado para comenzar a desarrollar aplicaciones en JavaScript y React. A partir de aquí puedes instalar React usando herramientas como Create React App o Vite para iniciar proyectos más avanzados.