Hooks en React

En esta lección comenzaremos a familiarizarnos con los hooks. Ya nos hemos encontrado con ellos cuando estudiamos estados - allí aprendimos a trabajar con el hook de estado useState.

En general, los hooks son funciones JavaScript ordinarias, cuyos nombres comienzan con la palabra 'use'.

Los hooks nos permiten utilizar estados y otras características de React sin usar clases. Ellos facilitan la reutilización de código para diversas tareas, así como su prueba y ayudan a descomponer componentes complejos en funciones más simples según su propósito. Algunos hooks incluso pueden reemplazar la funcionalidad de Redux. Además, los hooks ayudan a mejorar el rendimiento de la aplicación.

Si deseas utilizar hooks, sigue dos reglas principales. En primer lugar, úsalos solo en el nivel superior - no los invoques dentro de bucles, condicionales o funciones anidadas. En segundo lugar, invocar los hooks solo se debe hacer desde funciones de React (desde componentes React o hooks personalizados), pero no desde funciones JavaScript ordinarias.

También un error que cometen los programadores es el uso incontrolado de hooks en el código. Antes de usar un hook u otro, asegúrate de que sea realmente necesario.

En la siguiente lección, veremos los tipos de hooks.