En este vídeo, repasamos el nuevo hook useImperativeHandle de React 18, que permite personalizar la referencia expuesta por un componente.
💛 Los amigos de Garaje de ideas patrocinan Latte and Code y buscan talento: http://bit.ly/garaje-tech-talento
👨🏼💻 Apóyame en Patreon: https://www.patreon.com/latteandcode
☕️ Invítame a un cafelito: https://www.buymeacoffee.com/latteandcode
👉 https://codesandbox.io/s/useimperativehandle-y9ru4w
Hoy os traigo un vídeo muy interesante si queréis seguir descubriendo todas las novedades que React incorporó en su versión 18. En este caso hablaremos del hook useImperativeHandle, el cual nos permite definir qué métodos expone la referencia admitida por un componente.
[00:00] Introducción
[01:08] Referencias con forwardRef
[05:33] useImperativeHandle
[08:40] La verdadera potencia de useImperativeHandle
La combinación del hook useImperativeHandle con forwardRef, podemos exponer al componente padre los métodos y propiedades que queramos de uno de los elementos que estemos renderizando.
Y no sólo eso, sino que también podemos exponer nuestros propios métodos de modo que incluso podamos provocar cambios en el estado del componente.
Como veis, una herramienta muy potente, especialmente si estáis creando librerías de componentes.
💛 ¡Espero que os guste!
