¡Use REF y SCOPE en Componentes de REACT! | 78 - Curso COMPLETO de REACT desde CERO [2024]

Lección 78 de 8889%

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, exploramos cómo manejar el scope en los componentes de React, centrándonos en el uso de refs para controlar intervalos. Aprendimos a almacenar y acceder a intervalos de tiempo dentro de una referencia, lo que permite evitar problemas comunes de re-renderización en React. Esto nos da la capacidad de mantener el estado de los intervalos a través de múltiples instancias del componente sin perder el valor en cada renderizado. El uso de refs en React es una gran herramienta para evitar la recreación constante de intervalos o tiempos en cada render, lo que garantiza un manejo más eficiente y controlado. En el tutorial, mostramos cómo las referencias nos ayudan a acceder a valores previos, incluso cuando el componente se actualiza. ¡No te lo pierdas si quieres mejorar el manejo de estados y efectos en React! 🤔 ¿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:20 Recapitulación Inicial 09:50 Scope de los Componentes en React 17:05 Caso de uso Use Ref 24:30 Conclusion ------------------------------------------------------------------------------------------------------------- 📌Proyectos inicial: GitHub Repositorio: https://github.com/SergioGit18/curso_completo_react_recursos/tree/main/codigo/REACT_REFS_AND_PORTALS/04-react_refs_portals_desarrollando_nuevos_componentes ------------------------------------------------------------------------------------------------------------- 📌Proyecto 'Use Ref y el Scope de Componentes': 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 ------------------------------------------------------------------------------------------------------------- 🚀 ¿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 78 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