Title: 5 - Investigación e Implementación de useEffect en React
Course: 2025 - LI - Desarrollo Web del Lado del Cliente 2-1 y 2-2 > Section: 2 - React

Objetivo

Los alumnos investigarán y aplicarán el hook useEffect en React para controlar efectos secundarios en un componente funcional. La actividad incluye la implementación de una verificación dentro de useEffect que impida que la variable count supere el valor de 10.

Instrucciones

1. Investigación previa
  - Investigar la documentación oficial de React sobre useEffect: https://react.dev/reference/react/useEffect
  - Analizar ejemplos de uso y casos comunes de useEffect.
  - Entender la relación entre useEffect y los ciclos de vida del componente en React.
2. Implementación
  - Crear un nuevo proyecto de React usando Vite o en un entorno ya configurado.
  - Definir un componente funcional llamado Contador.
  - Usar useState para manejar el estado de count.
  - Implementar useEffect para monitorear cambios en count y verificar que no supere 10.

Tip

- useState maneja el estado de count.
- useEffect observa los cambios en count y ejecuta una condición que impide que supere 10.
- Si count > 10, se muestra una alerta y se restablece el valor a 10.

PARAMETRO DE EVALUACION: Sube en un PDF el screenshot de tu codigo implementado

Objetivo

Los alumnos investigarán y aplicarán el hook useEffect en React para controlar efectos secundarios en un componente funcional. La actividad incluye la implementación de una verificación dentro de useEffect que impida que la variable count supere el valor de 10.

Instrucciones

1. Investigación previa
  - Investigar la documentación oficial de React sobre useEffect: https://react.dev/reference/react/useEffect
  - Analizar ejemplos de uso y casos comunes de useEffect.
  - Entender la relación entre useEffect y los ciclos de vida del componente en React.
2. Implementación
  - Crear un nuevo proyecto de React usando Vite o en un entorno ya configurado.
  - Definir un componente funcional llamado Contador.
  - Usar useState para manejar el estado de count.
  - Implementar useEffect para monitorear cambios en count y verificar que no supere 10.

- Tip
  - useState maneja el estado de count.
  - useEffect observa los cambios en count y ejecuta una condición que impide que supere 10.
  - Si count > 10, se muestra una alerta y se restablece el valor a 10.

PARAMETRO DE EVALUACION: Sube en un PDF el screenshot de tu codigo implementado