¡Desarrollamos NUEVOS COMPONENTES en React! | 77 - Curso COMPLETO de REACT desde CERO [2024]

Lección 77 de 8888%

Ya has superado la mitad. Estás muy cerca de completar el curso.

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, nos enfocamos en un aspecto esencial del desarrollo: no todo se trata de lógica compleja o rompernos la cabeza resolviendo problemas. A veces, también tenemos que dedicarnos a estructurar y maquetar la interfaz de usuario. Aquí desarrollamos un componente contenedor de elementos, que en este caso serán los contrarrelojes de nuestra partida. Además de la lógica, es importante que el aspecto visual y la disposición de los elementos sean claros y atractivos. Decoraremos el componente con estilos visuales para mejorar la experiencia del usuario, demostrando que cada detalle, desde la estructura hasta la decoración, contribuye a la creación de una interfaz efectiva y funcional. 🤔 ¿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:10 Recapitulación Inicial 07:45 Nuevo Componente TimerContainer 11:34 Nuevo Componente Timer 19:40 Lógica del Timer 30:50 Conclusión ------------------------------------------------------------------------------------------------------------- 📌Proyectos inicial: GitHub Repositorio: https://github.com/SergioGit18/curso_completo_react_recursos/tree/main/codigo/REACT_REFS_AND_PORTALS/03-react_refs_portal_hook_use_ref ------------------------------------------------------------------------------------------------------------- 📌Proyecto 'Desarrollando Nuevos Componentes': GitHub Repositorio: https://github.com/SergioGit18/curso_completo_react_recursos/tree/main/codigo/REACT_REFS_AND_PORTALS/04-react_refs_portals_desarrollando_nuevos_componentes ------------------------------------------------------------------------------------------------------------- 🚀 ¿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! 👨‍💻

Sobre este curso

¿Quieres APRENDER A PROGRAMAR de una manera FÁCIL y GRATIS? ¡Bienvenido a el CURSO DE REACT DESDE CERO - 2025! Prepárate para aprender todo lo que necesitas sobre una de las librerías más demandadas en el mercado en el desarrollo FRONTEND. ¡Explora las infinitas posibilidades de creación de aplicaciones e interfaces web de usuario! No te pierdas ni un solo vídeo y desata tu potencial como desarrollador FRONTEND.

Lección 77 de 88Nivel: principianteDuración total: 40h 22m

Lo que aprenderás en este curso:

  • Comprender la arquitectura de componentes de React
  • Gestionar el estado de la aplicación con hooks y context
  • Crear interfaces de usuario dinámicas y reactivas
  • Implementar enrutamiento y navegación en aplicaciones React