Guía completa React Hooks: Manual Desde Cero con Ejemplos

Conoce los por qué, cómo y en qué casos aplicar cada hook.

Vamos a revisar en cada hook cuáles son los escenarios donde conviene aplicarlos y cómo hacerlo con buenas prácticas.

Comparativas entre clases y hooks

Para facilitar el aprendizaje vamos a ver ejemplos en componentes de tipo clase y después haremos la versión equivalente en componente funcionales con hooks.

Acceso a ejemplos con código fuente

Leer sin aplicar no sirve de mucho. Es por eso que tienes acceso al código fuente de los ejemplos para que puedas ejecutarlo, editarlo y ver los resultados.

Aplica lo aprendido en proyectos reales

Harás proyectos prácticos con enfoque de la vida real como se hace en la industria para que aprendas cómo aplicar los hooks (y muchas cosas más del ecosistema de React) resolviendo problemas de la vida real.

Modalidad del curso

Este curso es orientado a ver ejemplos prácticos de los hooks junto a una comparación de sus equivalentes en componentes de tipo clases.

Introducción a los React Hooks

- Hook de estado: useState

---- Comparacion de componente tipo clase y funcional al usar variables de estado

---- Actualizando Arrays con useState

---- Actualizando Objetos con useState

---- Recapituacion del hook useState

- Hook de efectos secundarios useEffect

---- Caracteristicas de useEffect

---- Peticion de datos (componentDidMount y componentDidUpdate)

---- Iniciar y eliminar subscripciones (componentDidMount, componentWillUnmount)

---- Recapitulacion del hook useEffect

- Hook para memorizar funciones useCallback

---- Ejemplo de optimización con useCallback (incluyendo React.memo)

---- Debo memorizar funciones todo el tiempo?

---- Recapitulacion del hook useCallback

- Hook para optimizar cálculos useMemo

---- PureComponent, React.memo y useMemo

---- Recapitulacion del hook useMemo

- Hook para estados complejos useReducer

---- Funciones reductoras (reducers)

---- Ejemplo de un componente con useReducer

---- Diferencia entre useReducer y Redux

---- Recapitulacion del hook useReducer

- Hook para manejar la API de Context useContext

---- Ejemplo de Context en componente clase y useContext en componente funcional

---- Recapitulación del hook useContext

- Hook para trabajar con referencias useRef

---- Emular variables de instancia en componente funcional (this)

---- Recapitulación del hook useRef

- Siguientes pasos en tu carrera de React Developer