¡Desarrollamos NUEVOS COMPONENTES en React! | 77 - Curso COMPLETO de REACT desde CERO [2024]
✨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! 👨💻
Видео ¡Desarrollamos NUEVOS COMPONENTES en React! | 77 - Curso COMPLETO de REACT desde CERO [2024] канала Picando Código
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! 👨💻
Видео ¡Desarrollamos NUEVOS COMPONENTES en React! | 77 - Curso COMPLETO de REACT desde CERO [2024] канала Picando Código
programacion aprender a programar desde 0 como ser un buen programador como aprender a programar aprender a programar como ser programador en 2023 aprender a programar en 2023 curso programacion orientada a objetos java curso programacion desde 0 que es la programacion que hacer para ser programador react tutorial react desde cero aprender react react curso react states react native react react nociones react basico curso react desde cero aprendizaje react
Комментарии отсутствуют
Информация о видео
8 октября 2024 г. 22:15:00
00:32:06
Другие видео канала



![¡COMPONENTES REUTILIZABLES para TIC-TAC-TOE! | 35 - Curso COMPLETO de REACT desde CERO [2024]](https://i.ytimg.com/vi/-vEv5CADsJQ/default.jpg)



![¡ENAMORADO de TAILWIND CSS 4.0 y NUEVO proyecto! | 85 - Curso COMPLETO de REACT desde CERO [2025]](https://i.ytimg.com/vi/RQw_A8nyu_o/default.jpg)

![¡Maqueta tu MENU SIDEBAR con TAILWIND 4.0 y REACT! | 86 - Curso COMPLETO de REACT desde CERO [2025]](https://i.ytimg.com/vi/TKQP0LcU-CI/default.jpg)
![Creamos un LOGIN con REACT y CSS TRADICIONAL | 59 - Curso COMPLETO de REACT desde CERO [2024]](https://i.ytimg.com/vi/J-2JKbHgdB4/default.jpg)
![¡REFACTORIZACIÓN y repaso TIC TAC TOE en REACT! | 44 - Curso COMPLETO de REACT desde CERO [2024]](https://i.ytimg.com/vi/ddKw8k-WqRk/default.jpg)

![¡Migramos un LOGIN con TAILWIND CSS en REACT! | 66 - Curso COMPLETO de REACT desde CERO [2024]](https://i.ytimg.com/vi/66dS_5u2DgQ/default.jpg)





