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

[@slaps_zrz]

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

[@TimothyVandeweerd]

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

[@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 ?

[@mayurahuja817]

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

[@drjones694]

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

[@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

[@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

[@julietkelechi7785]

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

[@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

[@curtpenote3906]

how about with authentication? Like, you add a login page. The user can't view the sidebar if not authenticated?

[@yogitasabale9223]

Thank you so much for sharing this sidebar

[@bellyndayikeza4799]

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

[@kondapallinagaraju2951]

Super it's working perfectly

[@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.

[@nextlevelcoding5834]

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

[@darwinquinones5397]

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

[@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

[@قصص_التاريخ]

Thank you for this video ❤

[@jefflegend456]

activeclassName is not working for me

[@1football510]

activeClassName

[@boffinstudyhub3392]

Awesome bro
If you explain this then it will be outstanding

[@06-apsaltinoketitu43]

BEST Bro...

[@ShankarYadav-x2b]

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

[@1football510]

This is just I'm looking for

[@iamdandanie6898]

thank you so much for the tutorial

[@PetrusSaulo1]

obrigado pelo conhecimento, me ajudou muito!

[@cartoon19574]

Amazing ............U Beauty

[@mcastill3]

Great video, Thanks a lot!!!

[@annasahradyan9849]

This is super. Thank You!

[@mauriciosoraluz7190]

Thank you for the video 🤝

[@Bkbois]

How do you make it position fixed

[@Jonas-lg6jm]

kudos webcoder 🤗

[@wudao88]

very helpful, thanks.

[@ppatil681]

How to add header in this?

[@JasonVanover]

This is great! Thanks

[@user-ng8bj8uz5n]

👍👍👍👍

[@avengersassemble920]

Well done

[@KomilQulmuhammedov]

Thank you!

[@GiestRade]

Can i get this in html ,php,css

[@yash33888]

Thank you boss manh

[@tilwani_nikhil]

dude this is amazing

[@kunal007216]

Thanks a lot brother

[@Subhojit_roy0512]

Thanks Brother

[@HikeWkam]

that was awesome

[@NikhithaDontha]

is it sticky

[@nandopookey9195]

Thank you sir

Good job Man !!👍

[@webcoder9029]

Thanks! 👍

[@ilhemwalker9145]

thank you so much

[@ajaynamdev3024]

Thnks bro

[@taponeltd]

❤️

[@Avichai997]

thanks man!

[@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:
}],

[@_xnv_]

Thanks

[@mdfact5944]

thanx men

[@AsfandiyorToraqulov-zj8jz]

thank you code for

[@imBemZy]

Thank u

[@controlmlbb]

Plzz donot write . container {display:flex}

[@paieu]

if you dont share code dont come to youtube time wasted

[@webcoder9029]

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

[@cbsampath4772]

Thank you very much

[@ShaikAbdulFayazYCE]

Thanks bro

[@sajeel995]

thanks a lot

[@anjalimaurya121]

Thank you

[@AsishSharma-gi8tb]

Thanks