Create Responsive Navigation Bar With MaterialUI 5 and ReactJS | MaterialUI 5 Navbar | React Navbar

[@darkjedi6614]

Best MUI 5 demo I've seen so far! Super easy to follow and fully understand. Thank you so much! :)

[@datafirst7967]

The best tutorial ever. Thank you Indian Coders

[@IndianCoders]

Happy to help

[@snehalraut5997]

ExPlination is Just Fab👌..ThanK You

[@KelashCheehal]

one of the best video on youtube love you bro ❣❣

[@nehat786]

If I will follow you then I will be like you the best guide on youtube. Just kidding bro. Really amazing tutorial

[@jimreyHam]

Thanks, I got some good value out of this as a newb coder

[@athmajaashinsani5469]

Most informative video I found on MUI. Thanks!

[@yuqingyang5282]

Really useful and extremely clear!!! Thanks a lot!

[@nguyentruong9326]

so awesome !!! this is what i need for my project.

[@mageshkannan1848]

thank you bro for teaching this helped me a lot

[@michaelsaucedo3952]

Just what I needed, thank you. Please do more MUI 5 please. 🐘 I want to learn to mix MUI 5 with Gatsby. Gatsby for the images MUI for style and layout. 🍵

[@IndianCoders]

Glad you loved this. Will surely make on that.

[@vladislavmiroshnichenko967]

he can't made normal uslas video from latest version. Are you think he can make normal vide fron new version ? :))) I think you will waiting 2 or 3 years :)))

[@thaarik879]

simply super and do expect more.

[@IndianCoders]

Thank you very much!

[@BAugustoCA]

Very good video and explanation! Congratulations on sharing this! very much appreciated

[@badger411]

Thank you so much! this video helped me a lot to understand Material UI!!

[@IndianCoders]

Thank you so much.

[@mohiniraut14]

Excellent sir.Thank you .

[@ogibinedi]

i was finished the tutorial and it's working properly, the question is how do i add some icons for each label dynamically? thanks in advance 🙏

[@IndianCoders]

You can add icons instead of strings

[@ogibinedi]

@@IndianCoders i mean both string and icons sir...

[@govindsuryavanshi6686]

Really useful....thanks u

[@berkkosal]

Simple and informative, thanks a lot!

[@dieterammann188]

Hi there , the tutorial was very good, continue with the ReactJS MaterialUI 5 tutorial. It would be good. Dieter

[@IndianCoders]

Hi, Thank you for your support. If you loved it then please do me a favor, please like the video and please subscribe so that you get notified when I'll upload it and with that much more people can learn from this. Thanks❤️❤️

[@rafaeldepaula381]

brilliant tutorial. thank you.

[@devsharma181]

Really helpful

[@amrithaamss7805]

Thank you brother, It will help me a bunch.♥

[@gihantrash6459]

Thank you so much working perfectly sir I want to know another one thing. how to close menu drawer automatically after clicking a menu item

[@IndianCoders]

Add onclick on list item and set open to false😊

[@gihantrash6459]

@@IndianCoders thank you sir

[@mazhabshosolihov1122]

Thank bro , well done

[@nataliagarcia8375]

Great video. Which extension do you use to autoimport mui components? Thank you ;)

[@IndianCoders]

Latest version of VS Code by default auto imports the components.

[@batuhangulcu266]

In The setup my kick doesn’t soft the sa as your, mine is more of a clicking soft, yours has more of a boom soft, do you know how

[@govindjha1956]

great

[@anichuranis2843]

Personal request, can u please bring up mern ecommerce application?

[@IndianCoders]

Already in progress 😊

[@H_sopnomoy]

TnQ So much...🥰🥰🥰🥰🥰🥰

[@smappinc4207]

23:56

[@shwetaubale9207]

why does it show 8 vulnerabilities (2 moderate, 6 high) in my program

[@tomjohansson3520]

Thanks, really neat video. i changed const [value, setValue] = useState(0); so state starts at 0 to remove an error

[@kanhaiyaagrawal2557]

How to use react router dom with this? I am having trouble. Please if someone can reply

[@IndianCoders]

I've implemented it in all of my Mern projects. You can watch out there

[@asifkaif356]

Thank You

[@justfitwithbiju]

thank u so much sir

[@imdivyak]

And what if I want to open the side bar in the right side? Please answer

[@IndianCoders]

Set position prop to right and done

[@AevaStyleLol]

Hi! How i can with that guide use routes?

[@IndianCoders]

See my Book store mern stack tutorial. I have implemented in that

[@fariz2441]

Thank you sir

[@ankushgupta365]

Where can i get the source code for this tutorial ?

[@IndianCoders]

Hi, uploaded. Please check

[@Ronifromearth]

is this app bar in fixed position ??? plz reply

[@IndianCoders]

Yes by default it's fixed you can give position value as sticky to make it sticky to top

[@dhanashreeawati3790]

Can i use this on codesandbox?? The online editor??

[@IndianCoders]

Yes

[@iAbhijeetShukla]

After 6 months in react js, I still suck in making header.

[@IndianCoders]

Have u tried this video?

[@vipinpatel9572]

source code please

[@IndianCoders]

Hi, updated. Please check

[@rizwanahmed5596]

this is to much lengthy core ui could be better option and even bootstarps gives us responsive navbar

[@IndianCoders]

Mui offers way more flexibility than BS.

[@rizwanahmed5596]

@@IndianCoders when i was working on html css it was ok to make responsive but now on react things looking difficult to make responsive because there are so much components and screens what should i do for responsiveness

[@nishitkawane]

Thanks. but we can resolve the console error react_devtools_backend.js:4012 MUI: The `value` provided to the Tabs component is invalid. None of the Tabs' children match with "undefined". You can provide one of the following values: 0, 1, 2, 3. at Tabs (localhost:3000/static/js/bundle.js:43354:83) at div at localhost:3000/static/js/bundle.js:15101:66 at Toolbar (localhost:3000/static/js/bundle.js:44463:82) at header at localhost:3000/static/js/bundle.js:15101:66 at Paper (localhost:3000/static/js/bundle.js:38439:83) at localhost:3000/static/js/bundle.js:15101:66 at AppBar (localhost:3000/static/js/bundle.js:27078:83) at div at Navbar1 (localhost:3000/static/js/bundle.js:9599:76) at Router (localhost:3000/static/js/bundle.js:110672:15) at BrowserRouter (localhost:3000/static/js/bundle.js:108989:5) at App (localhost:3000/static/js/bundle.js:70:86) at div at StepContext (localhost:3000/static/js/bundle.js:13504:82)

[@IndianCoders]

yeah I missed that error :p