Sidebar en ⚛️REACT | Tema claro/oscuro + CODIGO FUENTE

#react #javascript #html #css #viral #portfolio #responsive
ENLACES DIRECTOS
😍Acceso a +21 proyectos de JAVASCRIPT en: www.udemy.com/course/javascri...
💘Acceso a +26 Proyectos disponibles de HTML y CSS en: www.udemy.com/course/curso-in...
💎***Nuevo curso de REACT 2023: www.udemy.com/course/react-in...
💙***Nuevo curso de FLUTTER 2023: www.udemy.com/course/flutter-...
💎***NUEVO curso de MySQL 2023: www.udemy.com/course/mysql-de...
💙**NUEVO curso de TypeScript 2023: www.udemy.com/course/typescri...
😈Todos los cupones GRATIS y descuento en codigo369.com/
cada semana se agrega un nuevo proyecto
👽Grupo telegram de ayuda html+css, javascript y react: t.me/htmlycss369
CODIGO FUENTE: github.com/Franklin369/sideba...

[@VanguardSoftwareGroup]

Fino

[@brigorrangel8808]

Muy Completa tu explicacion y Buen diseño de Sidebar. Uno q otro detallito que tuve que adaptar a mi codigo, pero me sirvio de mucho tu projecto. Like Merecido

[@jhc_sntiagoxx4864]

Como se llama la extensión para que puedas escribir o completar css en el archivo jsx dentro de la template strings ???

[@dannysanchez6384]

Cuando un Directo :/ se le extraña compa

[@jhrdarteaga9181]

Excelente :D.

[@pedrosalhdezcompositor8686]

Como poder hacer para que este sidebar sea responsive con dispositivos mobiles?

[@Deus-lo-Vuilt]

Nice

[@moroc5732]

cual es la extension que usa para completar?

[@pedroramos-pz1md]

Ya no harás el sistema de control de gastos en React ? compré el curso por eso :(

[@brigorrangel8808]

Donde esta el archivo de los snippets?

[@alejandropolanco867]

Hola como estas? te queria preguntar algo, cuando el contenido de mi pagina se vuelve muy grande y toca hacer scroll hacia abajo, el sidebar no toma la totalidad de la pantalla, por ende se ve cortado el sidebar, como se soluciona eso?

[@gumunrrein3239]

Hola, si te sirve, te cuento como lo resolví.
el el Styled component "Container" del Sidebar le agregue:
const Container = Styled.div`
...
position: sticky;
padding-top: 20px;
top: 0;
height: 100vh;
...
`;
Eso me resultó, espero te sea de ayuda.

[@JesusFigueroa-sp1zb]

No entiendo por qué hacer tanto código de una manera y después cambiar por otras líneas de código creo que eso está demás, sería mejor ir directo al grano