how to create sidebar in react JS | dashboard sidebar | responsive sidebar | navbar react router v6
Vložit
- čas přidán 26. 08. 2024
- 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/mil...
------------------------------------------------------
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
BEST Bro...
Thank you for sharing this, it was just what I was looking for. Much appreciated!
Turned out really well! Changed some styling and other things to fit in my project but it got better than expected!
Thank you for this video ❤
I followed this tutorial and it helped me a lot in less time. Thankyou sooo much
❤️
Thank You very much this was very helpful, followed you step by step and it works great. Thank YOU !
thank you !!!! Needed this for an Electron app perfect
Amazing ............U Beauty
Super it's working perfectly
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 ?
absolutely life-changing it really helped me a lot thank you
bro please make one vedio on dashboard designing in react
and also make one video on sidebar toggle also full responsive mobile friendly
in sha Allha, next video I will design react Dashboard with full responsive
Thank you so much for sharing this sidebar
keep it up bro.. that's awesome for beginers
how about with authentication? Like, you add a login page. The user can't view the sidebar if not authenticated?
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
Great video, Thanks a lot!!!
This is just I'm looking for
This is really helpful. Thank you.
What if I have submenu, how do I handle the navigation of the submenu?
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
This is great! Thanks
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.
activeclassName is not working for me
activeClassName
obrigado pelo conhecimento, me ajudou muito!
Awesome bro
If you explain this then it will be outstanding
This is super. Thank You!
kudos webcoder 🤗
Thank you!
thank you so much for the tutorial
Thank you so much bro. What font do you have in your vs code?
Thank you for the video 🤝
👍👍👍👍
Good job Man !!👍
Thanks! 👍
dude this is amazing
life changing ,such a nice way of explaining ,golden gem
Well done
thanks man!
very helpful, thanks.
that was awesome
Thank you very much
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
Thanks a lot brother
Thanks Brother
Thank you boss manh
is it sticky
How do you make it position fixed
Thank you sir
thanks a lot
Thanks bro
thank you so much
Can i get this in html ,php,css
thank you code for
❤️
Thank you
thanx men
Thanks
Thnks bro
Thank u
how will you add login page? in this as login page as no sidebar,
Login page will be outside and the sidebar menu will be inside a layout component
this should help
and the sidebarroute page like this
const SideBarRoute=()=>{
return (
);
}
export default SideBarRoute;
@@king_mellajones7686 thank you for this, really helpful
@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:
}],
Plzz donot write . container {display:flex}
if you dont share code dont come to youtube time wasted
Check Video description
github.com/miladsiddiquey/deshboard-sidebar.git
Thanks