how to create sidebar in react JS | dashboard sidebar | responsive sidebar | navbar react router v6

how to create react sidebar navigation menu | sidebar responsive | sidebar tutorial | sidebar component | dashboard sidebar
In this video I will show you how make react sidebar component | react js sidebar tutorial | dashboard sidebar menu and react sidebar toggle.
In this project, I using React Icons and react router v6
Source Code :-
github.com/miladsiddiquey/des...
------------------------------------------------------
Video source:
responsive React navbar :-
• how to create a respon...
responsive html css navbar :-
• make responsive navbar...
------------------------------------------------------
your queries :-
react sidebar,
react sidebar navigation menu,
react sidebar responsive,
react sidebar tutorial,
react sidebar toggle,
react sidebar collapse,
react sidebar CSS,
react dashboard sidebar,
react js sidebar with router,
#sidebar #dashboard #webcoder #webdesign #software #webdev #codinglife #android #codingbootcamp #jquery #programmingmemes #pythonprogramming #developers #web #mongodb #linux #computerscience #machinelearning #peoplewhocode #webdesigner #fullstack #softwareengineer #developerlife #programminglife #devlife #laravel #codingmemes #bootstrap #mysql #backend #programmers #javascripts #programmerlife #technology
@LamaDev @codestepbystep @akshaymarch7 @WebDevSimplified

[@timothyvandeweerd946]

Thank you for sharing this, it was just what I was looking for. Much appreciated!

[@slaps_zrz]

Turned out really well! Changed some styling and other things to fit in my project but it got better than expected!

[@drjones694]

thank you !!!! Needed this for an Electron app perfect

[@bellyndayikeza4799]

absolutely life-changing it really helped me a lot thank you

[@mcastill3]

Great video, Thanks a lot!!!

[@mayurahuja817]

Thank You very much this was very helpful, followed you step by step and it works great. Thank YOU !

[@nextlevelcoding5834]

keep it up bro.. that's awesome for beginers

[@annasahradyan9849]

This is super. Thank You!

[@tanujsharma1046]

What if I want to align one item at bottom of sidebar can you please help ?
example: Lets say I want only product list at bottom of sidebar.

[@user-ux9uh5eh4n]

life changing ,such a nice way of explaining ,golden gem

[@yash33888]

Thank you boss manh

[@boffinstudyhub3392]

Awesome bro
If you explain this then it will be outstanding

[@cbsampath4772]

Thank you very much

[@mauriciosoraluz7190]

Thank you for the video 🤝

[@nandiniverma5273]

I followed this tutorial and it helped me a lot in less time. Thankyou sooo much

[@webcoder9029]

❤️

[@tinotendamangadza642]

Hie so using






its taken as a component right ? and it displays on the main page. So if that sidebar to be displayed on localhost:/3000/dashboard/ only how do i do it ?

[@darwinquinones5397]

Thank you so much bro. What font do you have in your vs code?

[@yogitasabale9223]

Thank you so much for sharing this sidebar

[@PetrusSaulo1]

obrigado pelo conhecimento, me ajudou muito!

[@ShaikAbdulFayazYCE]

Thanks bro

[@iamdandanie6898]

thank you so much for the tutorial

[@wudao88]

very helpful, thanks.

[@Avichai997]

thanks man!

[@tilwani_nikhil]

dude this is amazing

[@KomilQulmuhammedov]

Thank you!

[@ikik790]

I have both navbar and sidebar how i can code?? Coz my sidebar is nt wrkng as i click on link it redirect to page not found

[@JasonVanover]

This is great! Thanks

[@jabbarrefaghatjoo6897]

This is super cool, i have a wordpress website, i always use plugin in my website because I don't have experience in html, css, javascript, does anyone know how can I add this beautiful side menu to my website

[@tusharpatil0622]

hello am facing an issue ....like when i use {children} then my whole side bar gets repeated dont know how
pls help me and thanks in advance! happy coding

[@1football510]

This is just I'm looking for

[@user-mj4jv9gg4o]

Can i get this in html ,php,css

[@nandopookey9195]

Thank you sir

[@Subhojit_roy0512]

Thanks Brother

[@kunal007216]

Thanks a lot brother

[@ilhemwalker9145]

thank you so much

[@Bkbois]

How do you make it position fixed

[@avengersassemble920]

Well done

Good job Man !!👍

[@webcoder9029]

Thanks! 👍

[@julietkelechi7785]

This is really helpful. Thank you.
What if I have submenu, how do I handle the navigation of the submenu?

[@ClaireSingson]

submenu is my problem as well . i dont know how to make submenu on this

[@Jonas-lg6jm]

kudos webcoder 🤗

[@HikeWkam]

that was awesome

[@digitaldeveloper7635]

bro please make one vedio on dashboard designing in react
and also make one video on sidebar toggle also full responsive mobile friendly

[@webcoder9029]

in sha Allha, next video I will design react Dashboard with full responsive

[@ajaynamdev3024]

Thnks bro

[@user-ng8bj8uz5n]

👍👍👍👍

[@anjalimaurya121]

Thank you

[@taponeltd]

❤️

[@sajeel995]

thanks a lot

[@mdfact5944]

thanx men

[@imBemZy]

Thank u

[@AsfandiyorToraqulov-zj8jz]

thank you code for

[@AsishSharma-gi8tb]

Thanks

[@NikhithaDontha]

is it sticky

[@jefflegend456]

activeclassName is not working for me

[@1football510]

activeClassName

[@ClaireSingson]

hellow.. i was able to create and understand how you made this but i dont know how am i supposed to create a dropdown in Dashboard ..

[@ClaireSingson]

can you make a tutorial on how please?

[@ClaireSingson]

yea, submenu

[@controlmlbb]

Plzz donot write . container {display:flex}

[@TechWrathTV]

how will you add login page? in this as login page as no sidebar,

[@godswillonyeka5973]

Login page will be outside and the sidebar menu will be inside a layout component

[@king_mellajones7686]

this should help

[@king_mellajones7686]

and the sidebarroute page like this
const SideBarRoute=()=>{
return (










);
}
export default SideBarRoute;

[@julietkelechi7785]

@@king_mellajones7686 thank you for this, really helpful

[@king_mellajones7686]

@NN The children comes from the sidebar functional component "const Sidebar= ({children})" it is important you pass it as that is what renders the sidemenu page name , icons and , navigation to the respective pages
const Sidebar= ({children}) => {
const menuItem={
title:'CUSTOMERS',
items:[{
path:'/users',
name:'Users',
icon:
},
{
path:'/white-list',
name:'Whitelist',
icon:
},
{
path:'/karma',
name:'Karma',
icon:
}],

[@paieu]

if you dont share code dont come to youtube time wasted

[@webcoder9029]

Check Video description
github.com/miladsiddiquey/deshboard-sidebar.git

[@_xnv_]

Thanks