Responsive Sidebar with React js and tailwind css | React js and tailwind css tutorial
Вставка
- Опубліковано 15 вер 2024
- Responsive Sidebar with React js and tailwind css | React js and tailwind css tutorial
Code A Program...
GitHub src link: github.com/Sri...
Other videos :
Animated Website design using tailwind css :
• Animated website desig...
• Animated website desig...
React tailwind use website:
• React js website design
Ecommerce card design with tailwind css :
• design with tailwind c...
Responsive footer with react js and tailwind css :
• How to make a responsi...
Responsive website using React js and tailwind css :
• Responsive website usi...
Responsive navbar with vue js and tailwind css :
• How to make a responsi...
Responsive sidebar with tailwind css :
• How to make a responsi...
Cool Table design with tailwind css :
• How to make a table de...
React js and tailwind css use Navbar :
• How to make a responsi...
Tailwind css only Responsive navbar :
• How to make a responsi...
Infinite css animation tutorial :
• css infinite tutorial ...
I searched many times for the past 5 months for a react dashboard sidebar tutorial, at last I got a tutorial I want.
Thanks a lot.❤️
Eagerly waiting for upcoming tutorials.
☺️☺️😊
I was stuck on a project and found this video really helpful. Thanks alot.
Thanks bro very much, I contribute some code i have add
// Auto close menu when on mobile
const handleResize = () => {
if (window.innerWidth < 720) {
setOpen(false)
} else {
setOpen(true)
}
}
useEffect(() => {
window.addEventListener("resize",handleResize)
})
Thank you for this code, I very much needed this for my project to make it responsive
Welcome mugunth, share and subscribe
to further optimize this
useEffect(() => {
window.addEventListener("resize", handleResize);
return () => {
window.removeEventListener("resize", handleResize);
};
}, []);
Thanks man, i used that with angular CLI and it's very good.
Share and subscribe
bro really thank you, its exactly that i was searching ✨
Really awesome trick thank you so much it's very quick method to develop the sidebar 👌🏼👌🏼👌🏼
Thank you
simple, fast and easy, nice tutorial, Thanks
Share and subscribe
Very short and simple. Thanks Bro ❤
Thanks a lot
The Best tutorial, fast and good 🍷
Excellent video, simply amazing, THANKS
Your welcome saksah Gx
Awesome, exactly what I was looking for... THANKS BRO
Very short and simple. Thank you and nice music choice. 😊
Love the tutorial, love the flow. Thank you.
Where did you get the icons?
Well this was actually really understandable, very nice!
Maybe add some commentary the next time?
nice bro!! can you please mobile view of this sidebar ? please :)
Thank you. That is so amazing, can't wait to see some like this..
Thank you sir
Share and subscribe
@@CodeAProgram done
@@CodeAProgram sorry sir, i got a little problem, in this code className={'$open ? "w-72" : "w-20"} h-screen bg-dark-purple relative'}, but when i run the program, the sidebar doesn't appear. only the homepage appears, please help me, thank you
Just brilliant. Thank you for sharing!
Thanks for Subscribing
Good stuff. Appreciate you sharing.
Tusen Takk bror min.
thx broo
Damn good tutorial. Super like Buddy! Thank you!
wow, that's great. 😍
Thanks 🔥
Supperrrrr
How can we add routing here? like when you click in each side bars it should link to a different page.
tnx
very nice tutorial. How do I now start populating elements in the main whitescreen ?
You really deserve a liker and a subscriber like me.
Thank you so much dev bishwas
super!
Thank you
Youre amazing, thank you
👍
Thanks Brother for this tutorial
cool
👍Thank you so much
good!!
Really amazing bro....
Best 🤩😍
How do I prevent the page content from ending up under the sidebar when I minimize the window
Beautiful
Thank you so much
i have trouble, why icon not showing in my coding? did you know? i copy your source code, please help me. Icon i mean like icon seaerch, dashboard etc
i love it
but what if we want sub menu????
Great Job
Hi, nice work! How could I link this to react-Dom? I can't navigate through the different pages of my app.
reactrouter.com/en/main/start/tutorial
Muito obrigado!
This is amazing! Thank you. I have a question. I'm trying to create more content to the right of the Sidebar, but it populates below the sidebar instead of to the right. How can I fix this? I've just started learning Tailwind this week. Thanks for your help!!
codeaprogram@gmail.com
Share your code 👆
@@CodeAProgram I just sent you an email😄
Great, I'm new to programming, I can't find how to change the color when I select an option and it stays that way, I understand that it's with the index, but I made the menu as a complement and I don't know how to make it dynamic or recursive :( Note: (I don't know english google helped me)
good word & songs ❤
so coool xD
Share and subscribe
can you responsive it?
Where are the icons from?
You should have added atleast one submenu also
coming soon
How can ı use $ ? Read only string mode
Is it responsive tooo ???
Nice, Please what is the name of the song playing?
Where is icon menu
Why do we use vite?
Vite uses native ES modules and modern browser APIs to deliver fast, incremental builds that are optimized for development.
The songs too kindly leave a description
what editor is this?
VS Code
wtf was that, spend a whole minute showing the same feature with no audio
You literally copied the UI from @Pradip Debnath UA-cam channel
🙄 I posted the video 9-Mar-2022, @PradipDebnath posted date
10 may 2022. First you see the exact date
❤
❤️
Thank you sir
Subscribe and share❤️