Setup React Router With Material UI Navbar

Поделиться
HTML-код
  • Опубликовано: 22 янв 2022
  • What up y'all in today's video we'll learn how to connect React Router with MUI.
    Docs: mui.com/components/app-bar/
    Please don't forget Like, Comment and Subscribe if you're new! Support the channel 😁: www.paypal.com/donate/?busine...

Комментарии • 95

  • @omsrons
    @omsrons 2 года назад +7

    Hey thanks for this great video. Lots of outdated content out there going over 30 minutes... You made my life simple!

  • @gaman0129
    @gaman0129 Год назад +3

    Thank you so much, I was able to get the nav bar but navigation didn't work asked faculty no response. Asked my friend she tried but no change and today I followed from scratch, I was able to get things I missed. Thanks for the content.

    • @arslan99
      @arslan99  Год назад

      No worries I'm glad you got it fixed

  • @user-ym3th3pj4h
    @user-ym3th3pj4h 2 года назад +1

    I liked it. Short video without water. Very helpful for me, thanks a lot!

  • @_jb5261
    @_jb5261 2 года назад +2

    Haven't worked with routing in a while and this was a good refresher!

    • @arslan99
      @arslan99  2 года назад +1

      Awesome glad this video could be that refresher for ya 🙌

  • @luukkonenj
    @luukkonenj 2 года назад +2

    Thank you! I struggled with routing to this component long time, but now i got it.

    • @arslan99
      @arslan99  2 года назад

      Awesome! I'm glad I could help

  • @pim8268
    @pim8268 2 года назад +3

    This tutorial is so awesome that I just added a link in my local notes. Thank you! A bit Lengthy though but, Great job!!

    • @arslan99
      @arslan99  2 года назад

      No worries glad I could help 😃

  • @stefanopisano4685
    @stefanopisano4685 Год назад +2

    Life and time saver, subscribed

  • @energynewsbeat
    @energynewsbeat 2 года назад +2

    Super helpful!! Thanks for the quick explaination

    • @arslan99
      @arslan99  2 года назад

      Np glad you liked it

  • @mahendranath2504
    @mahendranath2504 2 года назад +1

    Thank you so much, for your clear explanation and to the point approach , appreciate your help on this 👌

    • @arslan99
      @arslan99  2 года назад

      Glad you enjoyed it 😎😎

  • @lcobell
    @lcobell Год назад +2

    Great video, thank you!

  • @dexterwong4940
    @dexterwong4940 Год назад +1

    You made it so easy! thanks man

    • @arslan99
      @arslan99  Год назад

      I'm glad I could help you out 😃

  • @MenziManqele
    @MenziManqele 2 года назад +1

    Nice & Simple. Thanks mate.

  • @gltplsr
    @gltplsr Год назад +1

    Really helpful, thank you!

    • @arslan99
      @arslan99  Год назад

      Np glad I could help

  • @RajnishKumar-hi4lj
    @RajnishKumar-hi4lj Год назад +2

    really helpful and clear explanation, thanks Ars.

  • @arran5498
    @arran5498 Год назад +1

    thanks for taking the time to create this vid 👍

    • @arslan99
      @arslan99  Год назад

      Glad I could help ya out

  • @wbc.9088
    @wbc.9088 8 месяцев назад +1

    Thank you!👍

  • @manishrawat1309
    @manishrawat1309 Год назад +1

    Hey man, you just saved my hackathon. Thank you so much.

    • @arslan99
      @arslan99  Год назад

      That's great that this video helped your hackathon bro 🫡 hope you won 👀

  •  2 года назад +1

    Thank You! That's worked!

    • @arslan99
      @arslan99  2 года назад

      I'm glad I could help 😊

  • @victorstanescu-cb8yo
    @victorstanescu-cb8yo 11 месяцев назад +1

    Dude you are a legend ! Thanks a lot

    • @arslan99
      @arslan99  11 месяцев назад

      Glad I could help

  • @pavanMudavath822
    @pavanMudavath822 5 месяцев назад

    this is what iam looking tnx bro

  • @viram4478
    @viram4478 2 года назад +1

    Hi, this is a great tutorial, concise and inforamtive👍👍 I have a question though. Why did you include the "Home" route since it is not a part of the "pages" array in the Nav.js? How are you planning for going back to the "Home" page afer navigating to other pages, because once you navigate from "Home" there is no way to go back to it again, apart from clicking the back button? Thanks

    • @arslan99
      @arslan99  2 года назад +1

      Hi there glad you enjoy the video. Well mainly because I needed a static page I was gonna use an image in the app bar to navigate back too the home page but I got lazy and forgot to implement it 🤣

    • @viram4478
      @viram4478 2 года назад +1

      @@arslan99 Understood 👍 Thanks for the idea.

  • @KCAbramson
    @KCAbramson 10 месяцев назад

    Great vid thanks. Got me past a hump.

  • @bishnuthapako
    @bishnuthapako Год назад +1

    great tutorial. thanks

  • @alejandracasado7636
    @alejandracasado7636 Год назад +1

    great tutorial!!

  • @josephtran3341
    @josephtran3341 Год назад +1

    Saved my butt, thank you.

  • @pawansachdeva9230
    @pawansachdeva9230 Год назад +1

    Thanks bhai, this was very Helpful and simple

  • @yulduz2506
    @yulduz2506 4 месяца назад

    thank you so much

  • @morris5648
    @morris5648 8 месяцев назад +1

    Good stuff. You missed the links for the settings on the right side

    • @arslan99
      @arslan99  8 месяцев назад

      Oh thanks I didn't realize

  • @Jude_a
    @Jude_a Год назад +1

    Appreciate brother

  • @sarahs9481
    @sarahs9481 Год назад +1

    Thank you!!!!! 😢🎉

    • @arslan99
      @arslan99  Год назад

      Np glad I could help

  • @shadullahsad9700
    @shadullahsad9700 Год назад +1

    thanks a lot :D

  • @dieterammann188
    @dieterammann188 2 года назад +1

    Hello, continue with the React Router With Material UI series. Thanks in advance. dieter

    • @arslan99
      @arslan99  2 года назад

      Anything specific in react router?

  • @hbaduk
    @hbaduk Год назад +1

    Thank you

    • @arslan99
      @arslan99  Год назад +1

      You're welcome 👍

  • @maciltam7503
    @maciltam7503 Год назад +1

    thanks a lot

  • @andreshadechine6920
    @andreshadechine6920 2 года назад +1

    Hi men do you have the repository? The navbar icons do not appear, do you know why?

    • @arslan99
      @arslan99  2 года назад

      I'm not too sure why the npm package could've been updated maybe 🤔

  • @user-wp6vw6qv5q
    @user-wp6vw6qv5q 8 месяцев назад

    Link tag doesn't seem to work when wrapped around {page} what could be possibly wrong with it?

  • @xchen7363
    @xchen7363 Год назад +1

    thanks

  • @psyferinc.3573
    @psyferinc.3573 Год назад +1

    yes the bee movie

  • @TerrenceShi
    @TerrenceShi Год назад +1

    goated

  • @ranaimranahmed2532
    @ranaimranahmed2532 2 года назад +1

    Plz make a complete website with mern using material ui

    • @arslan99
      @arslan99  2 года назад

      Sadly I've never used Mongo before 😅

  • @mohamedwanna4752
    @mohamedwanna4752 Год назад +1

    How can put an imge as an icon in the navbar

    • @arslan99
      @arslan99  Год назад

      stackoverflow.com/questions/40450778/how-do-i-display-an-image-on-left-of-material-ui-appbar-but-retain-the-hamburg that should help

  • @Alexander-qz6px
    @Alexander-qz6px 2 года назад +1

    There is not not really any of the code in the repo that is linked in the description

    • @arslan99
      @arslan99  2 года назад

      Damn. Thanks for bringing that to my attention I must've added an incorrect repo

  • @megamurkrow640
    @megamurkrow640 Год назад +1

    Very informative but I wish you explained the home route better. Is the home route just what happens when you click the logo? Or what because you didnt really discuss it much

    • @megamurkrow640
      @megamurkrow640 Год назад +1

      i figured it out, just want to say I love you

    • @arslan99
      @arslan99  Год назад

      Lmao I'm glad you got it 😏

  • @santiagolopezamaya7263
    @santiagolopezamaya7263 2 года назад +1

    Thanks, could you push the code?

    • @arslan99
      @arslan99  2 года назад

      github.com/arslanah99/MUI_React_Router_NavBar

  • @emmanueleban1096
    @emmanueleban1096 2 года назад +1

    doesnt work

    • @arslan99
      @arslan99  2 года назад

      Please try cloning the git repo in your project and try again

  • @alimesbahi678
    @alimesbahi678 Год назад +1

    pleas give me your code

    • @arslan99
      @arslan99  Год назад +1

      I think it should be on my GitHub

    • @alimesbahi678
      @alimesbahi678 Год назад +1

      @@arslan99 url ♡♡

    • @arslan99
      @arslan99  Год назад +1

      @@alimesbahi678 oh dammit I just checked and I forgot to push it to to GitHub I'm sorry

    • @alimesbahi678
      @alimesbahi678 Год назад +1

      @@arslan99 okk bro i work to nav bar and i dont hav a lot of expérience help me plzzzzz

    • @arslan99
      @arslan99  Год назад +1

      @@alimesbahi678 what's the issue you're facing?