Title: Actividad 1: Introduccion a React
Course: 2025 - LISI/LI - Desarrollo de Software Avanzado > Section: React

Tarea: Instalación de React y ejecución de un proyecto básico

Objetivo:

Los alumnos instalarán React junto con sus dependencias esenciales y ejecutarán un proyecto básico para familiarizarse con la estructura y funcionamiento de la biblioteca.

Instrucciones:

1. Instalación de React

1. Asegúrate de tener Node.js instalado en tu computadora. Si no lo tienes, descárgalo desde https://nodejs.org (se recomienda la versión LTS).
2. Verifica la instalación de Node.js y npm ejecutando en la terminal:
node -v
npm -v

3 - Instala Vite, una herramienta ligera para iniciar proyectos de React más rápido:

npm create vite@latest mi-proyecto-react --template react

4 - Accede al directorio del proyecto:
cd mi-proyecto-react

5 - Instala las dependencias necesarias:
npm install

2. Ejecutar el Proyecto
  1. Inicia el servidor de desarrollo con:
npm run dev
  2. Abre el navegador y accede a la dirección indicada en la terminal (por defecto, suele ser http://localhost:5173).
  3. Modifica el archivo App.jsx para hacer un cambio sencillo en la interfaz, por ejemplo, cambiar el texto dentro del return().

  4. PARAMETRO DE EVALUACION: Subir una imagen en formato PDF con el proyecto corriendo

Tarea: Instalación de React y ejecución de un proyecto básico

Objetivo:

Los alumnos instalarán React junto con sus dependencias esenciales y ejecutarán un proyecto básico para familiarizarse con la estructura y funcionamiento de la biblioteca.

Instrucciones:

1. Instalación de React

1. Asegúrate de tener Node.js instalado en tu computadora. Si no lo tienes, descárgalo desde https://nodejs.org (se recomienda la versión LTS).
2. Verifica la instalación de Node.js y npm ejecutando en la terminal:
node -v
npm -v

3 - Instala Vite, una herramienta ligera para iniciar proyectos de React más rápido:

npm create vite@latest mi-proyecto-react --template react

4 - Accede al directorio del proyecto:
cd mi-proyecto-react

5 - Instala las dependencias necesarias:
npm install

2. Ejecutar el Proyecto
  1. Inicia el servidor de desarrollo con:
npm run dev
  2. Abre el navegador y accede a la dirección indicada en la terminal (por defecto, suele ser http://localhost:5173).
  3. Modifica el archivo App.jsx para hacer un cambio sencillo en la interfaz, por ejemplo, cambiar el texto dentro del return().

  4. PARAMETRO DE EVALUACION: Subir una imagen en formato PDF con el proyecto corriendo