Material UI React Tutorial

Поділитися
Вставка
  • Опубліковано 4 гру 2024

КОМЕНТАРІ • 467

  • @CognitivePrimate
    @CognitivePrimate 3 роки тому +37

    I've watched multiple tutorials on this and they've all been really difficult to follow but you did a phenomenal job here. Thank you so much. I finally feel like I have a basic understanding of MUI now.

  • @tonisihvola71
    @tonisihvola71 4 роки тому +48

    I really appreciate the fact, that we get a detailed guide like this for free, truly amazing. Thank you! :)

  • @EnLaMitad
    @EnLaMitad 4 роки тому +139

    Just in time. Exactly what I was looking for.

  • @rohangaonkar8912
    @rohangaonkar8912 4 роки тому +2

    I thought material ui is boring but your explanation made me reconsider it in my next project

  • @paul8683
    @paul8683 4 роки тому +9

    The way the react symbol rotates behind his head around 27:00 looks like kpop cat ears and I can't unsee it every time it rotates. Edit: Watched right to the end and when you asked if you should make more, yes. Your explanations are right to the point and give enough to get started while giving away just enough to make me want to look into certain things more. I also liked how you showed the header bar last. I came here looking for that one in particular and having it last made me watch the whole thing.

    • @MKdaChamp
      @MKdaChamp 3 роки тому

      I'm glad I wasn't the only one who saw that🤣🤣🤣

  • @jacobwwarner
    @jacobwwarner 2 роки тому +2

    Crystal clear video and audio quality. While doing the crash course, he wasn't jumping all over the place. It was really smooth. He kept the same speed and did everything in a linear fashion. I feel like watching this video was able to get me ready-enough to watch project tutorials which features Material UI. Thanks for featuring it :)

  • @muneebzubair5069
    @muneebzubair5069 3 роки тому +2

    Very nice tutorial. Super simple and to the point. keep it up.
    My advice. Main things to learn or to keep in mind in any platform in any programming language any device.
    How to:
    1. input data
    2. output data
    detailed:
    input: single value, multiple values, lists, checkboxes, buttons, images, videos
    output: single value, multiple values, lists, checkboxes, buttons, images, videos
    get some details of any single comonent and how to change it...

  • @ridz4912
    @ridz4912 4 роки тому +14

    What an amazing tutorial ! One of the first videos I have watched in which the explanation is so crystal clear. Learned tonnes of stuff. Keep up with the good content Adrian !

  • @starvinmarvin3381
    @starvinmarvin3381 4 роки тому +10

    Really nice tutorial. Started learning React about a month ago. I have to say, material UI makes a lot of things sooo easy. For example, I spent a lot of time manually animating my inputs to look as sleek as MUI ones just to find out Material UI already includes them. Thank you for this tutorial ;)

    • @AdrianTwarog
      @AdrianTwarog 4 роки тому +1

      Awesome to hear

    • @cutyoursoul4398
      @cutyoursoul4398 4 роки тому

      Material UI is really awesome when you are starting to learn React. It helps

    • @justChuka
      @justChuka 2 роки тому

      Wait till you pay for Pro 🚀

  • @ahayder
    @ahayder 3 роки тому +2

    Fast, Precise, and Easy to grasp. One of the best tutorials I've ever encountered.

  • @thesirion
    @thesirion 3 роки тому +5

    This video answered all the questions I was having with Material UI! Thank you!

  • @AlejandroLZuvic
    @AlejandroLZuvic 3 роки тому +3

    Struggling with my first project using Material, this was so helpful! Thanks!

  • @midhatahir8104
    @midhatahir8104 4 роки тому +1

    I always think that there should've good , small and precise materialUi tutorial on youtube. And this tutorial is the best and finest of all tutorials out there. Thanks Brad and Adrian 🔥

  • @mahanmahmoodi9257
    @mahanmahmoodi9257 3 роки тому

    truly you made me up and running with material very fast when i felt bootstrap is not enough for my app and the deadline was close:)thanks

  • @Turkeywings65
    @Turkeywings65 3 роки тому

    You're honestly a God. I'm taking a technical final for my interview and they suggested Material UI. and wow. such a time saver!

  • @Sindoku
    @Sindoku 3 роки тому +1

    Material UI + NextJS equals heaven

  • @davidstranava4057
    @davidstranava4057 3 роки тому

    The best and only mui tutorial I will ever need. Thanks

  • @brians7894
    @brians7894 4 роки тому +1

    Excellent intro to Material UI, was easy to follow the steps. Also, excellent video editing, I like that code, results, and speaker camera all visible at the same time.

  • @bosscoding3999
    @bosscoding3999 4 роки тому

    I was learning from you a lot but I am a grade 8 students and I was learning in the Corna time and the school has started and I should focus on my school thank you for you and don't stop this channel I will back after 1 year and see you I accept a lot

  • @buildwithgenai
    @buildwithgenai 4 роки тому

    NO ONE CAN BEAT THIS CHANNEL EVER

  • @corpo_ethereal2744
    @corpo_ethereal2744 2 роки тому

    This was a great introduction to Material UI, thank you Adrian.

  • @SamirMamude
    @SamirMamude 4 роки тому +3

    You can use the library styled-components and override the default components, works very well.

  • @Anandhanedom
    @Anandhanedom 4 роки тому +3

    What a timing. Was about to search this resource. Thanks!

    • @Pietruszkaaa123
      @Pietruszkaaa123 4 роки тому +1

      same!!

    • @sauravjain6135
      @sauravjain6135 4 роки тому +1

      Haan bhai, jo tum sochte ho wahi upload ho jata hai😂😂😂

    • @trojanofficial5380
      @trojanofficial5380 4 роки тому +1

      I was about to begin my project using Bulma Framework, then this dropped..!

  • @iUmerFarooq
    @iUmerFarooq 4 роки тому +2

    Adrian is now rocking on UA-cam 🔥
    Brad you explore lots of great mentor's with great content.
    Thank you.

  • @swierad
    @swierad 3 роки тому

    One of the best tutorials on UA-cam. Many thanks.

  • @eternalcalm8080
    @eternalcalm8080 4 роки тому +2

    I have been waiting for this for so long.

  • @AlGuhry
    @AlGuhry 3 роки тому

    It is the easiest and simplest explanation of the material
    Thanks and Greetings 🇪🇬

  • @after_alec
    @after_alec 4 роки тому +110

    I see you have auto formatting disabled in your VS Code settings. I, too, like to live dangerously.

    • @webstylepress
      @webstylepress 4 роки тому +5

      Auto formatting does not work properly in all cases if you switch languages/technologies.

    • @TraversyMedia
      @TraversyMedia  4 роки тому +12

      @@webstylepress I hate it in Python. I use it with JS though

    • @webstylepress
      @webstylepress 4 роки тому +5

      @@TraversyMedia With JS, auto formatting and linting is absolutely necessary - very helpful.

    • @rahulsriram6295
      @rahulsriram6295 4 роки тому +1

      @@TraversyMedia
      Use flake8 as linter and autopep8 as formatteer, by installing them as global modules.
      "python.linting.enabled": true,
      "python.linting.flake8Enabled": true,
      "python.linting.flake8Path": "/usr/local/bin/flake8",
      "python.formatting.provider": "autopep8",
      "python.formatting.autopep8Path": "/usr/local/bin/autopep8",
      And enable save on format. Works like a charm.

    • @caleblovell
      @caleblovell 4 роки тому +1

      Watching him ineffectively try to manually realign blocks of code is make me very uncomfortable! Glad I’m not alone

  • @jeffsegovia00
    @jeffsegovia00 4 роки тому +3

    Finally! Thanks Brad and Adrian!

  • @A1996ARP2075
    @A1996ARP2075 4 роки тому +16

    Thanks Brad you understand what web developer needs and update your channel with great content really love this channel

  • @SilentAsShadow
    @SilentAsShadow 4 роки тому

    Trying to watch significantly less and code, code, code a lot more so as to not remain in tutorial hell. I've decided to keep this channel, however. Quality content that feels up to date and relevant.

  • @jr-hp7er
    @jr-hp7er 4 роки тому +12

    I am 200% sure, I will require the advanced videos on the same. Damn, you made my life so simpler, Thanks, Brad & Adrian. A complete Udemy course will be perfect for sure :) I don't know why I never put more time to learn material, its so useful and Adrian made it easy... :) Awesome Content creators

  • @milosleng1175
    @milosleng1175 3 роки тому

    It is great you are collaborating with other artists and give them chance to present themselves at your hub!

  • @SashrikaWaidyarathna
    @SashrikaWaidyarathna 4 роки тому +4

    One suggestion. It is more convenient to use another ToolBar component just below the AppBar, to get the appropriate marginTop. Manually setting the marginTop leads to many inconsistencies there.
    Overall I learned few new things here. (Y) Thanks for this video!

  • @andrewpratt3861
    @andrewpratt3861 2 роки тому

    Wow, this video was as clean and easy to use as one could hope. Fantastic job sir.

  • @devahmedismael
    @devahmedismael Рік тому

    So useful and only in 40 minutes, thank you so much, really appreciate it.

  • @usmanpervaiz2043
    @usmanpervaiz2043 2 роки тому

    Really Great Video Adrian ! Many times I start learning about Material Design but Most tutorials confuse me From where I can start But after this I'm able to use this one in my project. Thank!

  • @victormog
    @victormog 3 роки тому +2

    Thank you, very much!
    Perfect start to estimate and use material-ui!

  • @ajithmenon9235
    @ajithmenon9235 4 роки тому

    Very useful and crisp video on Material UI + React.

  • @aayushkumar2736
    @aayushkumar2736 4 роки тому +1

    Wow , was lookin this for weeks thnx for providing man

  • @travel_worldwide_365
    @travel_worldwide_365 3 роки тому

    Best tutorial for me in YT on React-MUI. Great !!!!!!

  • @rohan1765
    @rohan1765 4 роки тому +2

    Awesome video , really helped me alot , thanks 🤘

    • @AdrianTwarog
      @AdrianTwarog 4 роки тому

      Great to hear!

    • @rohan1765
      @rohan1765 4 роки тому +2

      @@AdrianTwarog Was watching your other video now and you replied , thanks man 👍🏻

  • @samovar1990
    @samovar1990 2 роки тому

    Thanks a lot. I did a HUGE step in UI develoipment

  • @rizwanmustafa0000
    @rizwanmustafa0000 3 роки тому

    Material UI is such a life saver. Thanks for the amazing tutorial!

  • @RD-jr8nv
    @RD-jr8nv 3 роки тому

    This was excellent, exactly what I needed. STRAYT TO THA BLAADY POINT MAATE! Not long back from a year in 'Straya', had an amazing time! Much love from Scotland bro, Liked and subbed to your chanel!

  • @tejas8417
    @tejas8417 4 роки тому +12

    Awesome video! Helped me a lot! I am just trying to up my game in React and here it comes! Thnx a lot Adrian and Brad. Love the channel

  • @aamersohail8181
    @aamersohail8181 2 роки тому

    That's it. Thats all I wanted. You are a Legend. Thanks mate!

  • @hardworkerbig
    @hardworkerbig 3 роки тому

    Need more videos on this...Looks much clean and helpful

  • @donovan8031
    @donovan8031 4 роки тому +1

    Ayyye! Adrain is back on the channel!

  • @architdutt
    @architdutt 4 роки тому +1

    Nice little crash course thanks

  • @PedroTechnologies
    @PedroTechnologies 4 роки тому

    I use Material UI primarily for the Icons, but it is an Awesome Library!

    • @viraj_singh
      @viraj_singh 4 роки тому

      I use it primarily for Grids, and Hidden component.

  • @muhawenimanajanvier6280
    @muhawenimanajanvier6280 4 роки тому +4

    Thanks,
    I'm waiting for the part 2 of this video,
    Where we will create a full functional website 😀

    • @AdrianTwarog
      @AdrianTwarog 4 роки тому +1

      Cool! Thanks for letting me know

  • @Elator11777
    @Elator11777 4 роки тому +1

    Excellent Video! Highly useful!

  • @davidgonzalez965
    @davidgonzalez965 3 роки тому

    You guys must have been sent from up above! Can't thank you enough.

  • @technotambo2
    @technotambo2 3 роки тому

    Hhaha! am surprised Adrian suddenly showed up, I thought something was wrong? You rock Adrian! Thanks to Traversy Media! He rocks!

  • @cloudybrains
    @cloudybrains 3 роки тому

    Damn this is going to make my portfolio apps look 10x better thank you so much!

  • @hasnainmalick8888
    @hasnainmalick8888 3 роки тому +2

    Your teaching style is so impressive but if you use individual files for each topic It will help us to understand more easily.

  • @emreaka3965
    @emreaka3965 3 роки тому +1

    I used semantic ui but material ui really looks cool. ^^ And thanks for the video.

  • @RobsonAlvesJJ
    @RobsonAlvesJJ 3 роки тому

    helped me a lot in my new job, I'm a beginner thanks, a hello from Brazil

  • @MaxProgramming
    @MaxProgramming 4 роки тому +9

    Adrian is back again!!! For the 3rd time! You look so good Adrian and you are awesome! Thanks for all of your tutorials and tips 😊

  • @noname1999x
    @noname1999x 4 роки тому +1

    Nice tutorial! Wanna see more videos about material ui for react 👍

    • @AdrianTwarog
      @AdrianTwarog 4 роки тому +1

      Cool might do some more the.

    • @noname1999x
      @noname1999x 4 роки тому

      @@AdrianTwarog thanks you ❤️

  • @stepanostapuk4120
    @stepanostapuk4120 3 роки тому

    Thank you! It is a good video to getting a common point of view on how to use Material UI and what is it.

  • @TheGreatManipulation
    @TheGreatManipulation 4 роки тому +1

    Thank you! This is exactly what I needed in the app I am creating

  • @bhanujamwal4052
    @bhanujamwal4052 3 роки тому

    Perfect for crash course vedio to start with :)

  • @JameelAhmad-ik5wy
    @JameelAhmad-ik5wy 4 роки тому +1

    Thanks for bringing brilliant content.

  • @ceralguy85
    @ceralguy85 4 роки тому +1

    Great video please i would be great to have more videos related with Material UI

  • @tompazoum6727
    @tompazoum6727 2 роки тому

    Nice toturial with nice deep bass-baritone voice

  • @MuhammadBilal-hq3xn
    @MuhammadBilal-hq3xn 3 роки тому

    The best tutorial I have seen so far.

  • @stevens.3343
    @stevens.3343 3 роки тому

    Fast, Loud, and Clear ! Perfecto ! It is auto subscribed haha..

  • @jayathissaaral2598
    @jayathissaaral2598 3 роки тому +1

    I've watched 42 minutes thank you very much 💪💪💪💪

  • @webstylepress
    @webstylepress 4 роки тому +2

    Material UI is being used more and more with React as compared to other UI libraries.

  • @prashanttanwar3261
    @prashanttanwar3261 4 роки тому +1

    He is the finest guest creator on this channel ❤️❤️

  • @vishalyadav8789
    @vishalyadav8789 4 роки тому +1

    🔥 needs more videos on Material UI

  • @fernandotrovao4093
    @fernandotrovao4093 3 роки тому

    Helped me with my job in Canada!

  • @feynthefallen
    @feynthefallen Рік тому

    I know react, I mainly watched because I wanted to see what all the fuss is about and soak up the core concepts quickly. But I must say, that library is SCHWEET!!!

  • @qonxi
    @qonxi 4 роки тому

    Excellent video! I appreciate the simplicity and the emphasis in the documentation :)

  • @ohwell1832
    @ohwell1832 2 роки тому

    wow thank you! now I can play with those to learn more

  • @gajendra1987
    @gajendra1987 4 роки тому

    More power to this channel, awesome & in time content

  • @swiftrtgamingfitness3698
    @swiftrtgamingfitness3698 4 роки тому

    This video was great! Definitely going to use Material UI a lot more.

  • @shivanshsrivastava5009
    @shivanshsrivastava5009 4 роки тому +1

    was waiting for this thank you so much

  • @ashrafulfuad2967
    @ashrafulfuad2967 4 роки тому

    Just what i expected for react ui thanks so much

  • @khgriffi
    @khgriffi 2 роки тому

    I have to do a presentation on Material UI to my team. This is going to help tremendously! Thank you! lol

  • @dexkode5558
    @dexkode5558 4 роки тому +1

    I was just thinking of building my portfolio, this will come in handy .

  • @niharikaguptao2264
    @niharikaguptao2264 3 роки тому

    Thank you for this. So much to learn in such a short video

  • @saivivekravi4979
    @saivivekravi4979 4 роки тому +1

    Please make more videos on material ui your teaching is awesome ❤️

    • @AdrianTwarog
      @AdrianTwarog 4 роки тому

      Okay cheers for the support, may do!

  • @mahendranath2504
    @mahendranath2504 4 роки тому +1

    Nice THANK U and Traversy media , where we learn so many things about your career

  • @agustinlevental7488
    @agustinlevental7488 2 роки тому

    This is an amazing video! I have watched at all to have an overview of the library and now I know what I can do. Of course is an obligation to look at the oficial documentation as well. In adition, english is not my native language, but I could understand you perfectly withouth subtitles, in 1.25 speed! drinking mate since Argentina!!! thanks you very much!

  • @leelonghui
    @leelonghui 4 роки тому +5

    Definitely, I want more MUI tutorial from you.

  • @carlosdelgado5632
    @carlosdelgado5632 4 роки тому

    I've really enjoyed this video thanks Brad and Adrian for this good piece of content!!

  • @theatypicaldeveloper
    @theatypicaldeveloper 3 роки тому

    this is great! I got inspired by you, got my MUI series in the process. Thanks!

  • @maryammahdioun6548
    @maryammahdioun6548 3 роки тому

    it was a greate and comprehensive toturial I really enjoyed!

  • @andreaso.1549
    @andreaso.1549 2 роки тому +1

    Would have been nice with some explanations of what's going on behind the scenes - what element are the components made up of? What does the different attributes do precisely? Didn't learn much from this.

  • @anmollipase2056
    @anmollipase2056 4 роки тому

    when i saw thumbnail...for a moment ...i thought OH MY GOD!!! brad went to gym and transformed....you guys are looking similiar...by the way video is good.love it.

  • @omvarshney4696
    @omvarshney4696 3 роки тому

    Great video. Enjoyed watching it.

  • @kushalkulkarni9073
    @kushalkulkarni9073 3 роки тому

    Thanks you Kimi Räikkönen!!!

  • @jaychandran24
    @jaychandran24 4 роки тому +2

    Great video! It would be great if you could do an example website design with Header, Footer, Sidebar, AppBar using Material UI! Thank You!

    • @AdrianTwarog
      @AdrianTwarog 4 роки тому

      Good idea!

    • @jaychandran24
      @jaychandran24 4 роки тому

      @@AdrianTwarog Thank you! Look forward to that!

    • @jaychandran24
      @jaychandran24 4 роки тому

      @@AdrianTwarog also along with the login/logout screen.

  • @CodestarTechnologies
    @CodestarTechnologies 4 роки тому +1

    Cool stuff on this channel

  • @Pareshbpatel
    @Pareshbpatel 3 роки тому

    An excellent introduction to MUI. Thanks.
    {2021-10-18}

  • @EricShans
    @EricShans 3 роки тому

    This was great. Please do more! thank you!

  • @joshuahadap2373
    @joshuahadap2373 3 роки тому

    Best intro for Material-UI!