Responsive Sidebar with React js and tailwind css | React js and tailwind css tutorial

Responsive Sidebar with React js and tailwind css | React js and tailwind css tutorial
Code A Program...
GitHub src link: github.com/Sridhar-C-25/sideb...
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 ...

[@jesseneon1896]

I was stuck on a project and found this video really helpful. Thanks alot.

[@life_moments.365]

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.

[@CodeAProgram]

☺️☺️😊

[@adamuahmedaliyu]

Awesome, exactly what I was looking for... THANKS BRO

[@leomacdon7858]

Thank you. That is so amazing, can't wait to see some like this..

[@anazodovanessa5323]

Very short and simple. Thank you and nice music choice. 😊

[@sebastianmorales823]

bro really thank you, its exactly that i was searching ✨

[@mtsurov]

Good stuff. Appreciate you sharing.

[@tatemo_labs]

Just brilliant. Thank you for sharing!

[@CodeAProgram]

Thanks for Subscribing

[@user-hx8tk8iq9k]

Really amazing bro....

[@AmitabhSuman]

Damn good tutorial. Super like Buddy! Thank you!

[@prasantuladhar9872]

Tusen Takk bror min.

[@elkuda_2013]

simple, fast and easy, nice tutorial, Thanks

[@CodeAProgram]

Share and subscribe

[@SirNatzGun]

The Best tutorial, fast and good 🍷

[@brunobentes5580]

Thanks man, i used that with angular CLI and it's very good.

[@CodeAProgram]

Share and subscribe

[@markantony9260]

Love the tutorial, love the flow. Thank you.
Where did you get the icons?

[@marimuthur9456]

Really awesome trick thank you so much it's very quick method to develop the sidebar 👌🏼👌🏼👌🏼

[@CodeAProgram]

Thank you

[@user-cp6ge5zo7o]

Great Job

[@thedavistheory7674]

Well this was actually really understandable, very nice!
Maybe add some commentary the next time?

[@mdnurullah9882]

Supperrrrr

[@minhthienlam499]

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)
})

[@1997mugunth]

Thank you for this code, I very much needed this for my project to make it responsive

[@CodeAProgram]

Welcome mugunth, share and subscribe

[@chess4964]

to further optimize this
useEffect(() => {
window.addEventListener("resize", handleResize);
return () => {
window.removeEventListener("resize", handleResize);
};
}, []);

[@frankrappa7384]

How do I prevent the page content from ending up under the sidebar when I minimize the window

[@saksahgx4011]

Excellent video, simply amazing, THANKS

[@CodeAProgram]

Your welcome saksah Gx

[@rakibul110]

Thanks Brother for this tutorial

[@abdellatif.laghjaj]

i love it
but what if we want sub menu????

[@editingtuto1.011]

Best 🤩😍

[@omarsam1]

Very short and simple. Thanks Bro ❤

[@CodeAProgram]

Thanks a lot

[@raheelsajjad3092]

nice bro!! can you please mobile view of this sidebar ? please :)

[@ishumehta6130]

very nice tutorial. How do I now start populating elements in the main whitescreen ?

[@tanjimulislamsabbir2264]

wow, that's great. 😍

[@CodeAProgram]

Thanks 🔥

[@sivakiranbairethi9181]

Very helpful to me .Thank you soo much Man......

[@CodeAProgram]

Welcome, Share and subscribe ❤️

[@misspaula9186]

Youre amazing, thank you

[@CodeAProgram]

👍

[@prajunathunt]

How can we add routing here? like when you click in each side bars it should link to a different page.

[@yee6682]

good!!

[@YunusOfficial]

thx broo

[@joeyfaris231]

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]

[e-mail]
Share your code 👆

[@joeyfaris231]

@@CodeAProgram I just sent you an email😄

[@WDKDE]

Muito obrigado!

[@mustaqimaziz4310]

Beautiful

[@CodeAProgram]

Thank you so much

[@vladimirnavarro705]

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)

[@lev_bul]

super!

[@CodeAProgram]

Thank you

[@nandopookey9195]

Thank you sir

[@CodeAProgram]

Share and subscribe

[@nandopookey9195]

@@CodeAProgram done

[@nandopookey9195]

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

[@user-fn6ui9yb7j]

tnx

[@tavaresevaristo8553]

good word & songs ❤

[@errtya6989]

cool

[@CodeAProgram]

👍Thank you so much

[@marcosguzman2491]

Hi, nice work! How could I link this to react-Dom? I can't navigate through the different pages of my app.

[@CodeAProgram]

reactrouter.com/en/main/start/tutorial

[@esdraslucas1407]

so coool xD

[@CodeAProgram]

Share and subscribe

[@dafataufik6724]

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

[@hungnguyentran3382]

can you responsive it?

[@salmaniproductions1104]

Is it responsive tooo ???

[@omi655]

Where are the icons from?

[@DevBishwasBh]

You really deserve a liker and a subscriber like me.

[@CodeAProgram]

Thank you so much dev bishwas

[@azo1999]

How can ı use $ ? Read only string mode

[@Hamzaahahaa]

You should have added atleast one submenu also

[@CodeAProgram]

coming soon

[@user-yn3fs3yg2e]

Where is icon menu

[@nestlypay4617]

The songs too kindly leave a description

[@julietkelechi7785]

Nice, Please what is the name of the song playing?

[@omnijudah]

what editor is this?

[@CodeAProgram]

VS Code

[@joshuagalit6936]

Why do we use vite?

[@CodeAProgram]

Vite uses native ES modules and modern browser APIs to deliver fast, incremental builds that are optimized for development.

[@luishenriqueandradepellizz680]

You literally copied the UI from @Pradip Debnath RUclips channel

[@CodeAProgram]

🙄 I posted the video 9-Mar-2022, @PradipDebnath posted date
10 may 2022. First you see the exact date

[@sametkoyuncu]

❤

[@CodeAProgram]

❤️

[@aoengsothea9352]

Thank you sir

[@CodeAProgram]

Subscribe and share❤️