Hooks personalizados

Parte del curso de React

Escribiste un cajón que se abre y se cierra. Tres líneas de useState y un manejador que invierte un booleano. Luego lo mismo para un desplegable, y otra vez para un modal, y otra vez para un enlace de "ver más". Ahora hay cuatro componentes con las mismas seis líneas y, cuando decidas que el interruptor debería además recordar su último estado, te toca cambiarlos los cuatro y olvidarte de uno.

Un hook personalizado es la solución, y es mucho menos exótico de lo que sugiere el nombre. Es una función normal de JavaScript cuyo nombre empieza por use y que llama por dentro a los hooks propios de React. Esa es toda la definición. No hay sintaxis especial, no hay que registrar nada, no hay nada que importar de React para declarar uno.