React Portals #reactjs

Aprende cómo utilizar React Portals para renderizar elementos fuera de la jerarquía DOM del padre y saltarte restricciones CSS. ¡Mira cómo propagar eventos dentro del árbol con este tutorial de React! 👨🏼‍💻 Apóyame en Patreon: https://www.patreon.com/latteandcode ☕️ Invítame a un café: https://www.buymeacoffee.com/latteandcode ⤵️ Repositorio: https://github.com/ger86/react-portals-window ⤵️ Repositorio: https://github.com/ger86/react-portals-modal En este vídeo quiero repasar las principales características de los React Portals. Esta API de React permite renderizar elementos en un elemento del DOM que se encuentra por fuera de la jerarquía DOM del padre, lo cual nos va a permitir saltarnos algunas restricciones que pueden provocar propiedades CSS como zIndex u overflow. Además, aunque estemos renderizando los elementos en otros nodos del DOM, el componente renderizado se comporta como un componente normal, ya que el elemento sigue existiendo en el DOM virtual de React. Esto incluye también la propagación de eventos dentro del árbol como podréis ver en el primer ejemplo del vídeo. ¡Espero que os guste el vídeo!