Los hooks personalizados son la forma principal de extraer lógica con estado en React. Deben seguir las mismas reglas que los hooks integrados.
Reglas fundamentales
- Solo llama hooks en el nivel superior (no en condicionales, bucles o funciones anidadas).
- Solo llama hooks desde componentes React o desde otros hooks.
Patrones de hooks personalizados
Un hook debe comenzar con use. Debe devolver un objeto o array con valores y funciones. La lógica de efecto debe limpiarse en el cleanup.
Componer hooks
Los hooks se componen naturalmente. Un hook puede llamar a otros hooks. Esto permite construir abstracciones complejas desde piezas simples.
Hooks de utilidad comunes
useDebounce, useLocalStorage, useMediaQuery, useToggle. Estos encapsulan lógica reutilizable que de otro modo se duplicaría en todos los componentes.