Create a sidebar with submenu using React.JS

Finished codes: github.com/0shuvo0/react-sidebar
In this video, I have shown you guys how to create a Sidebar with a submenu inside it using React.Js, make sure to watch till the end and subscribe so you don't miss any future video.
Buy me a Coffee ☕: www.buymeacoffee.com/0shuvo0
Support me on Patreon: / 0shuvo0
Find me on Twitter: / 0shuvo0
Read my articles on Dev: dev.to/0shuvo0
Watch My Other Tutorials:
* Create your own Programming Language: • How I created my own P...
* React JS Recipe Website: • Complete React JS Proj...
* React multiple tags input: • How To Create Add Tags...
* Working Digital Clock: • Create a Digital Clock...
* SVG drawing animation: • CSS text drawing anima...
* Vanilla JS Typing Game: • Create a Typing Practi...
* NodeJs URL expander: • Expan short URLs with ...
* React JS animated landing page: • Let's create an animat...
* Vue JS for Beginners: • Vue JS For Beginners w...
* Create Squid Game using JavaScript: • I made Squid Game usin...
* THREE.JS ocean cleaning game: • JavaScript Ocean clean...
#html #css #js

[@felixfigueroa]

I was just looking for something like this that was scalable...excellent approach!

[@Skytrix_limited]

This was amazing. Thank you for the effort

[@dilrukshiperera-yo5br]

I also was looking for something like this, which was infinitely re-usable. Thankyou.

[@eey8909]

Great video, thanks!
It would be great if you made a video explaining how you make nested routes using this method?

[@DevEmpower]

Hi. This tutorial was really amazing and it helped me a lot
Thank you from Iran 🌹❤❤❤🌹🌹🌹🌹

[@markmase4638]

This was a good tutorial, thanks for this

[@belvinbenedict9958]

ITS REALLY WORKED LOL THANK YOU DUDE

[@MuhammadHamzaAli-nm3fq]

thanks buddy for this amazing tutorial❣

[@sabithasabesan7636]

I am very glad that I stumbled upon your video

[@AndersonNunesWhoDesigners]

Nice job, thanks for sharing! How can I do the status show/hide sidebar ? Have you some video about this?

[@prithvee.zankat]

Simply amazing tutorial.

[@anilsaini6033]

Hi Angle,
Thanks for this knowledge. I have one question that how can we make it nested active link in this. If possible could you suggest.

[@etinosaizekor6533]

Amazing. Thank you!

[@rasaf_ibrahim]

Amazing content. Thank you.

[@aliahmad-ko2rb]

Love the content ... Keep it up

[@ifechukwuamaeze4879]

big thanks man💯

[@future_of_coding]

@Angle Brace why not hide other menu when u click next menu all open what kind of nav bar it is?

[@elevate777]

Thank you sir saved my life

[@francisakindejoye244]

It would be amazing if we can have the routes set up for this tutorial, also it's not all routes that will appear on the sidebar, how can we achieve that?

[@dogaraishaku9782]

Great job. But how do I add content to the submenus?

[@sreerammounika7722]

Can we display the depthlevel2 submenu to right and if another depthlevel2 menu is open previous should be closed

[@Zero_69420]

I did this then copied the side menu over to a boilerplate but for some reason if the item has a arrow to expand the text color is black but if it doesnt have a arrow it is white? worked correctly before moving it over

[@ahmedmushfiq6128]

Thanks man. Helpful 😀

[@AngleBrace]

Most welcome

[@ihtishamulhaq5429]

Thanks man

[@rajeevbhosle1580]

thank you man.....

[@tigrannasoyan2781]

amazing!

[@ketannavadiya9480]

How can we highlight activated router menu option?

[@ultimatemelodious2754]

I have one doubt ...how to do one main menu click to open at that menu if another main menu close automatically..

[@a.human.]

You Rock!

[@pankajkaushik6244]

Pls set a collapse icon at the top to hide and show the bar

[@selindemircioglu3502]

I made this side bar but when i clicked the arrow icon it runs all the categories who have submenus why??

[@timothyvandeweerd946]

Thank you so much, this was exactly what I was looking for! I appreciate you sharing your knowledge. I cannot seem to get the routing working, can someone please assist?

[@Chriss-cn1ch]

React router dom

[@timothyvandeweerd946]

@@Chriss-cn1ch Thank you, yes I know I need to use react-router-dom. Sorry, but I am new to React and struggling on how to integrate routing with this beautiful menu tutorial. Can you please help? I would be so grateful!

[@Chriss-cn1ch]

@@timothyvandeweerd946 ruclips.net/video/ehvS1Hp90KU/видео.html

[@user-lf4du9tp9e]

Hii, I am also trying to implement it. If you have succeeded, can show mw how. Thanks

[@s.santhoshkannan5019]

how to route those things?

[@pratyushsharma278]

My modul data Jason not finding.... Showing error

[@santoshkrpathak8832]

very helpfull

[@AngleBrace]

Thanks, glad you liked it

[@alexeyfilippov42]

Покажи как хранить это дерево в базе данных и работать с ним пожалуйста. Отзовись если прочитаешь сообщение

[@shubhanshusahu7406]

[@anil2009]

you are sounding like codAffection yt

[@ClaireSingson]

i cannot understand .. i think im just gonna use REACT-PRO-SIDEBAR . it's much easier

[@ClaireSingson]

buy i learn something from this .. thanks

[@Skytrix_limited]

This was amazing. Thank you for the effort

[@AngleBrace]

Most welcome, glad you liked it