¿Que son los Hooks?

¿Que son los Hooks?

¿Que son los Hooks?

Hooks es una nueva característica en React 16.8.x que nos permiten usar el estado y otras características de React sin escribir una clase, fueron anunciados en el ReactConf 2018 en las Vegas por Dan Abramov quien trabaja directamente en el equipo de React.

Aquí puedes ver el video donde lo presentan:

Pero vamos a lo que nos interesa un ejemplo claro de qué podemos hacer con React Hooks.

useState

Cómo podemos ver en nuestro componente presentacional "HelloWorld" tenemos una función pura que nos permitirá añadirle estado sin necesidad de ser una clase en React.

useEffect

Esta función agrega la capacidad de realizar efectos secundarios desde un componente funcional. Tiene el mismo propósito que componentDidMount, componentDidUpdate y componentWillUnmount en las clases React.

Cómo podemos ver ahora tenemos un componente funcional que tiene estado y ciclo de vida de en un componente.

Repositorio del proyecto: GitHub react-hooks Demo del Proyecto: React hooks

Si quieres aprender mas de React Hooks, de como hacer tus custom Hooks, así como entender mas a fondo de invito a leer la documentación oficial: React Hooks Docs

Este Post es creado para la charla impartida en la comunidad BogotaJS el 03 de Abril del 2019.