Investigación y Aplicación de Hooks en React

Este repositorio es parte de un trabajo de investigación para el curso Programación IV. La investigación se centra en la documentación oficial de React y en fuentes confiables de la comunidad open-source, y tiene como objetivo explicar de manera clara y simplificada la utilidad y el funcionamiento de los siguientes Hooks de React:

1. useState
2. useEffect
3. useRef
4. useContext
5. useCallback
6. useMemo
7. useReducer

Descripción del Proyecto

Investigación I - Investigación y Aplicación de Hooks en React

• Persona académica: M.Sc. / Ing. Alex Villegas Carranza
• Valor del Proyecto: 5% de la calificación total del curso
• Fecha de entrega: Sábado 29 de Marzo 2025
• Ubicación: Costa Rica, Guanacaste, 2025

El objetivo de esta investigación es:

• Realizar una revisión basada en la documentación oficial de React y fuentes confiables de la comunidad open-source.
• Elaborar una explicación clara y simplificada sobre el funcionamiento de cada uno de los Hooks, indicando cuándo y por qué se deben utilizar.
• Demostrar, a través de ejemplos funcionales, la implementación práctica de cada Hook en proyectos desarrollados con Vite, React y SWC.

Estructura del Repositorio

Este repositorio se organiza como un monorepositorio que contiene 7 proyectos independientes. Cada proyecto ha sido creado con Vite + React + SWC y demuestra el uso práctico de uno de los Hooks mencionados:

• /hook_examples/useState: Ejemplo funcional del Hook useState.
• /hook_examples/useEffect: Ejemplo funcional del Hook useEffect.
• /hook_examples/useRef: Ejemplo funcional del Hook useRef.
• /hook_examples/useContext: Ejemplo funcional del Hook useContext.
• /hook_examples/useCallback: Ejemplo funcional del Hook useCallback.
• /hook_examples/useMemo: Ejemplo funcional del Hook useMemo.
• /hook_examples/useReducer: Ejemplo funcional del Hook useReducer.

Ejecución de los Proyectos

Para ejecutar cualquiera de los proyectos, sigue estos pasos (suponiendo que tienes Node.js instalado):

1. Clona el repositorio:

   git clone https://github.com/tu-usuario/nombre-del-repositorio.git
   cd nombre-del-repositorio

2. Navega a la carpeta del proyecto que desees ejecutar. Por ejemplo:

    cd hook_examples/useState
   

3. Instala las dependencias:

     npm install
      

4. Inicia el proyecto:

    npm run dev