¡Desarrollamos una REFACTORIZACIÓN FINAL en REACT! | 57 - Curso COMPLETO de REACT desde CERO [2024]
Ya has superado la mitad. Estás muy cerca de completar el curso.
Sobre esta lección
⚛️ Curso de React desde cero ⚛️ ⬇️ ¡Descubre más! ⬇️ Cuando terminamos de desarrollar todas las funcionalidades que queremos implementar en nuestra interfaz web o en neustra aplicación, y antes de subir nuestro proyecto a producción, es muy importante volver a repasar todos los componentes y ficheros que hemos ido modificando a lo largo del desarrollo. Este proceso se conoce como refactorización, y es la tarea que se suele realizar al final del desarrollo de un proyecto, de un componente o de una funciolidad con el fin de intentar reducir el número de líneas de código, o de traducir tu código a un nuevo código más limpio, ordenado y que sea mantenible de cara a futuro. Hoy realizamos la refactorización final de neustro juego Tic Tac Toe. 🤔 ¿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:35 Repaso Inicial 06:00 Inicio de la refactorización 14:20 Refactorización Componente Player 18:35 Refactorización Componente LogTurns 26:48 Refactorización Componente GameOver 27:46 Refactorización Componente GameBoard 34:45 Refactorización Componente App 01:00:23 Conclusión ------------------------------------------------------------------------------------------------------------- 📌Proyectos inicial: GitHub Repositorio: https://github.com/SergioGit18/curso_completo_react_recursos/tree/main/codigo/REACT_ESENCIALES/32-react_esenciales_estado_alternativo ------------------------------------------------------------------------------------------------------------- 📌Proyecto 'Refactorización Final Toe': GitHub Repositorio: https://github.com/SergioGit18/curso_completo_react_recursos/tree/main/codigo/REACT_ESENCIALES/33-react_esenciales_refactorizacion_final ------------------------------------------------------------------------------------------------------------- 🚀 ¿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.
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