¡Maquetando un COMPONENTE DIALOG en REACT! | 79 - Curso COMPLETO de REACT desde CERO [2024]

Sobre esta lección

✨Consigue ventajas y contenido exclusivo uniéndote como miembro del canal (por el precio de una cerveza al mes): ⬇️⬇️ https://www.youtube.com/channel/UCE77VqlsJLphQXTIwB55dGw/join ⚛️ Curso de React desde cero ⚛️ ⬇️ ¡Descubre más! ⬇️ En este video del curso de React, maquetamos un nuevo componente clave: un diálogo modal que informará al usuario sobre su desempeño en nuestro juego. Exploramos la etiqueta dialog, una poderosa herramienta de HTML5 que quizás muchos desarrolladores aún no conocen. Este componente nos permite crear modales nativos de una forma más accesible y funcional, mejorando la experiencia del usuario sin la necesidad de librerías externas. Aprender a usar dialog es fundamental, ya que nos da un control intuitivo sobre la visibilidad del modal y facilita la creación de mensajes interactivos. Además, analizamos cómo integrarlo dentro del ecosistema de React, lo que amplía nuestras posibilidades de maquetación y mejora la optimización del rendimiento. Este enfoque nativo puede simplificar muchos flujos de trabajo en aplicaciones web, ¡te sorprenderá su versatilidad! 🤔 ¿Quieres aprender como hacemos todo esto? 🤔 👨‍💻 ¿Te atreves? ¡Adelante, vamos a picar código juntos! 👨‍💻 ------------------------------------------------------------------------------------------------------------- ⬇️ÚNETE A LA MAYOR COMUNIDAD TECNOLÓGICA DIGITAL SHAKERS ⬇️⬇️ https://beacons.ai/digitalshakers ------------------------------------------------------------------------------------------------------------- Capítulos 00:00 Introducción 03:01 Recapitulacion Inicial 07:06 Desarrollo Componente Dialog 14:50 Renderización Componente Dialog 26:01 Conclusión ------------------------------------------------------------------------------------------------------------- 📌Proyectos inicial: GitHub Repositorio: https://github.com/SergioGit18/curso_completo_react_recursos/tree/main/codigo/REACT_REFS_AND_PORTALS/05-react_refs_portals_use_ref_scope_componentes ------------------------------------------------------------------------------------------------------------- 📌Proyecto 'Maquetando un Componente Dialog': GitHub Repositorio: https://github.com/SergioGit18/curso_completo_react_recursos/tree/main/codigo/REACT_REFS_AND_PORTALS/06-react_refs_portals_dialog_component ------------------------------------------------------------------------------------------------------------- 🚀 ¿Quieres APRENDER A PROGRAMAR GRATIS de una forma FÁCIL, SENCILLA, e INTUITIVA? 🚀 ☕ MEGA CURSO COMPLETO PARA APRENDER JAVA DESDE 0 A NIVEL AVANZADO ☕ 🎯 https://www.youtube.com/watch?v=DT9owbacQL0&list=PLO8lO9oepSLuf4OlI8vXL9zg7UDvVBfuL&index=1 🎯 https://www.youtube.com/watch?v=ianRyf1uZgg&list=PLO8lO9oepSLtbDS6pZV3Wh4uyN4K9t4Po&index=1 ©️ CURSO DESDE CERO PARA PRINCIPIANTES EN LENGUAJE C 🎯 https://www.youtube.com/watch?v=sy1AuLyHc5Q&list=PLO8lO9oepSLvAvnxCn_uCsFVCAYCDsGTK ⚛️ CURSO DE REACT 2024 DESDE CERO HASTA MAESTRO ⚛️ 🎯https://www.youtube.com/watch?v=ZWHJSS4ZtIk&list=PLO8lO9oepSLv0zh2j644zWefsxEGR8zdC ------------------------------------------------------------------------------------------------------------- ¿Qué necesitas para PROGRAMAR DESDE CASA? 📌 https://www.youtube.com/watch?v=ianRyf1uZgg 📌 https://www.youtube.com/watch?v=cJ6wdhS3lFM 📌 https://www.youtube.com/watch?v=Hdf7bLC_uqs ------------------------------------------------------------------------------------------------------------- 🔔 ¡Activa las notificaciones para no perderte ni un solo vídeo! 🔔 ✅ ¡Gracias por ver el vídeo, dejar un like y subscribirte al canal! ✅ 👨‍💻 ¡Nos vemos la próxima! ¿Dónde? ¡Aquí, en Picando Código! 👨‍💻