¡Maqueta tu MENU SIDEBAR con TAILWIND 4.0 y REACT! | 86 - Curso COMPLETO de REACT desde CERO [2025]

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 ------------------------------------------------------------------------------------------------------------- 🔔 Sígueme para más contenido y consejos sobre programación y desarrollo. 🔔 ⬇️ ¡Todas mis Redes Sociales a un solo click! ⬇️ https://beacons.ai/picandocodigo ------------------------------------------------------------------------------------------------------------- ⚛️ Curso de React desde cero ⚛️ ⬇️ ¡Descubre más! ⬇️ En esta nueva sección, vamos a desarrollar una aplicación para gestionar listas de la compra utilizando React y Tailwind CSS 4.0. Este proyecto servirá como una transición ideal para reforzar muchos conceptos fundamentales de React, como la creación y gestión de componentes, el uso de props, el manejo de estados, el trabajo con refs y la implementación de portals, entre otros. En el video de hoy, comenzaremos construyendo el menú lateral (sidebar) de nuestra aplicación, un componente esencial para la navegación y estructura del proyecto. Además, veremos cómo organizar nuestro código de manera eficiente para hacer que la aplicación sea escalable y fácil de mantener. Si estás buscando mejorar tus habilidades en React mientras trabajamos con la última versión de Tailwind, este es el momento perfecto para unirte al proyecto. A lo largo de esta serie, iremos profundizando en diferentes técnicas y herramientas que te ayudarán a dominar mejor el desarrollo frontend. Déjame en los comentarios qué funcionalidades te gustaría ver en esta aplicación y no olvides suscribirte al canal para seguir cada paso del desarrollo. ¡Nos vemos en el video! 🤔 ¿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 02:50 Nuevo Proyecto - Grocery List 05:02 Maquetamos la raíz del proyecto 08:50 Fichero principal de una App 10:15 Creamos nuevo componente Sidebar 14:00 Estilamos con Tailwind 4.0 20:10 Conclusión ------------------------------------------------------------------------------------------------------------- 📌Proyectos inicial: GitHub Repositorio: https://github.com/SergioGit18/curso_completo_react_recursos/tree/main/codigo/REACT_GROCERY_LIST/01-grocery_list_initial_project ------------------------------------------------------------------------------------------------------------- 📌Proyecto 'Maqueta tu MENU SIDEBAR': GitHub Repositorio: https://github.com/SergioGit18/curso_completo_react_recursos/tree/main/codigo/REACT_GROCERY_LIST/02-grocery_list_sidebar_menu ------------------------------------------------------------------------------------------------------------- 🚀 ¿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 2025 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! 👨‍💻