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! :)

[@snehalraut5997]

ExPlination is Just Fab👌..ThanK You

[@datafirst7967]

The best tutorial ever. Thank you Indian Coders

[@IndianCoders]

Happy to help

[@KelashCheehal]

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

[@athmajaashinsani5469]

Most informative video I found on MUI. Thanks!

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

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

[@yuqingyang5282]

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

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

[@nguyentruong9326]

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

[@mageshkannan1848]

thank you bro for teaching this helped me a lot

[@berkkosal]

Simple and informative, thanks a lot!

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

[@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 :)))

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

[@devsharma181]

Really helpful

[@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❤️❤️

[@govindsuryavanshi6686]

Really useful....thanks u

[@govindjha1956]

great

[@rafaeldepaula381]

brilliant tutorial. thank you.

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

[@mazhabshosolihov1122]

Thank bro , well done

[@amrithaamss7805]

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

[@anichuranis2843]

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

[@IndianCoders]

Already in progress 😊

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

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

[@shwetaubale9207]

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

[@fariz2441]

Thank you sir

[@asifkaif356]

Thank You

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

[@AevaStyleLol]

Hi! How i can with that guide use routes?

[@IndianCoders]

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

[@ankushgupta365]

Where can i get the source code for this tutorial ?

[@IndianCoders]

Hi, uploaded. Please check

[@H_sopnomoy]

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

[@dhanashreeawati3790]

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

[@IndianCoders]

Yes

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

[@iAbhijeetShukla]

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

[@IndianCoders]

Have u tried this video?

[@smappinc4207]

23:56

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

[@justfitwithbiju]

thank u so much sir

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