📒
Buenas prácticas con React
  • Bienvenidos
  • Sesión 1
    • 1. Metodologías ágiles
      • Manifiesto por el desarrollo ágil
      • Kanban y Scrum
      • 🖥️Herramientas
    • 2. Trabajo eficiente con git
      • Configuración
      • Herramientas visuales
      • 🖥️Comandos
      • Hooks
    • 3. Gestión de conflictos
      • 🖥️Proyecto de ejemplo
      • ✔️Ejercicio sesión 1
  • Sesión 2
    • 4. Git Flow
    • 5. Testing
      • Testing Unitario y de integración
      • 🖥️Proyecto de ejemplo
        • Ejemplo 1 - carrito
        • Ejemplo 2 - items
        • Ejemplo 3 - marketplace
        • Ejemplo 4 - hook
        • Ejemplo 5 - Auth Context
      • ✔️Ejercicio sesión 2
      • 🖥️Testing e2e
  • Sesión 3
    • 6. Principios SOLID
    • 7. Refactoring
    • 8. Patrones comunes en React
      • 🖥️Ejemplo: useContext()
      • 🖥️Ejemplo: useReducer()
      • ✔️Ejercicio Sesión 3
  • Sesión 4
    • 9. Código Limpio
      • Simple >>> complejo
    • 10. Nombrado
    • 11. Funciones
  • Sesión 5
    • 12. Documentación
    • 13. Formato del código
    • 🖥️Ejemplo: desde 0
    • ✔️Ejercicio Sesión 5
  • 📔Examen
    • Examen tipo test
Powered by GitBook
On this page
  • Estado
  • Optimización
  • Otros
  1. Sesión 3

8. Patrones comunes en React

Estado

Hook
Uso

useState()

React 101

useReducer()

Actualizar partes específicas de un estado complejo.

useContext()

Un componente padre maneja el estado accesible por N hijos.

Optimización

hook
Uso

useMemo()

Procesar API y cálculos pesados (solo *muy* pesados)

useCallback()

Evitar una llamada a función (que es dependencia de un useEffect()

Otros

Hook
Uso

useRef()

Mantener un valor entre renders

Previous7. RefactoringNextEjemplo: useContext()

Last updated 2 years ago

Page cover image