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

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

[@jimreyHam]

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

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

[@KelashCheehal]

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

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

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

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

[@thaarik879]

simply super and do expect more.

[@IndianCoders]

Thank you very much!

[@mageshkannan1848]

thank you bro for teaching this helped me a lot

[@shwetaubale9207]

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

[@BAugustoCA]

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

[@nguyentruong9326]

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

[@yuqingyang5282]

Really useful and extremely clear!!! 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❤️❤️

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

[@anichuranis2843]

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

[@IndianCoders]

Already in progress 😊

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

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

[@badger411]

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

[@IndianCoders]

Thank you so much.

[@devsharma181]

Really helpful

[@mohiniraut14]

Excellent sir.Thank you .

[@govindsuryavanshi6686]

Really useful....thanks u

[@berkkosal]

Simple and informative, thanks a lot!

[@rafaeldepaula381]

brilliant tutorial. thank you.

[@AevaStyleLol]

Hi! How i can with that guide use routes?

[@IndianCoders]

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

[@govindjha1956]

great

[@dhanashreeawati3790]

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

[@IndianCoders]

Yes

[@mazhabshosolihov1122]

Thank bro , well done

[@ankushgupta365]

Where can i get the source code for this tutorial ?

[@IndianCoders]

Hi, uploaded. Please check

[@amrithaamss7805]

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

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

[@H_sopnomoy]

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

[@tomjohansson3520]

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

[@fariz2441]

Thank you sir

[@vipinpatel9572]

source code please

[@IndianCoders]

Hi, updated. Please check

[@iAbhijeetShukla]

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

[@IndianCoders]

Have u tried this video?

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

[@smappinc4207]

23:56

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