Material UI Crash Course: Intro to React + Material UI V5 (2022 Edition)

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 ธ.ค. 2024

ความคิดเห็น • 134

  • @Conorstew
    @Conorstew 2 ปีที่แล้ว +5

    This guy is legit. He is sharing knowledge from experience while all the other youtube vids ive watched on material ui were basically just reading straight from the docs.

  • @yaojiang2283
    @yaojiang2283 2 ปีที่แล้ว +30

    I am only 13 minutes in and I can already tell this is quality material. Thank you so much Anthony!

  • @mchirag82
    @mchirag82 2 ปีที่แล้ว +7

    This is the best explanation of MUI I've found.
    The focus on teaching concepts and how to align your mental model with MUI to get the most out of it makes it stand out.

  • @krailamohammedislam6822
    @krailamohammedislam6822 2 ปีที่แล้ว +1

    this is the best mui playlist in 2022 i have watched, and believe me i saw a lot , the explantion is great it even helped me understand the mui docs even better, thanks for the amazing work.

  • @ahemenjeho
    @ahemenjeho 9 หลายเดือนก่อน +1

    Thank you! You did this piece with so much love ❤

  • @briandacallos4234
    @briandacallos4234 2 ปีที่แล้ว

    Can't find other free video about material ui that is so good like this, damn man you nailed it. Subs!

  • @anthonynarine5292
    @anthonynarine5292 ปีที่แล้ว

    this guy! i bought an outdated course to learn this on udemy and Ant just hit it out the park with this course. hats off to you bud. thanks you

  • @Swexican74
    @Swexican74 ปีที่แล้ว

    You rock Anthony. My company is just starting to use MUI and you were the first to pop up on a search and probably the best, Thanks and keep sharing that big brain of yours with us.

  • @raviss98
    @raviss98 11 หลายเดือนก่อน

    Anthony, this is gold content. Thanks for the super helpful video.

  • @femiaros
    @femiaros ปีที่แล้ว

    God bless you Anthony 🙏🏼, been searching of a good/clean explanation of how MUI customization works now. After sometime searching, found this. This is super helpful💯 man. Good work

  • @ilyukchiljin7640
    @ilyukchiljin7640 ปีที่แล้ว

    hands down the best MUI V5 tutorial series I found on youtube. Good job!!

  • @rajeshantony74
    @rajeshantony74 5 หลายเดือนก่อน

    the best class I came across !!

  • @shubhamshrivastava2461
    @shubhamshrivastava2461 ปีที่แล้ว

    Hey Anthony, I would like to appreciate your efforts on giving brief overview on Material UI. Love your way of Teaching!

  • @JulianHernandez-zw4ob
    @JulianHernandez-zw4ob ปีที่แล้ว

    The absolute best tutorial on MUI. Thank you sir

  • @joe44850
    @joe44850 2 ปีที่แล้ว +17

    For those using typescript, you'll find you can't just simply add "myVariant" without the red squigglies. You'll need something like this before your theme code:
    declare module "@mui/material/styles" {
    interface TypographyVariants {
    myVariant: React.CSSProperties;
    }
    interface TypographyVariantsOptions {
    myVariant?: React.CSSProperties;
    }
    }
    declare module "@mui/material/Typography" {
    interface TypographyPropsVariantOverrides {
    myVariant: true;
    }
    }

    • @alfredmadere9030
      @alfredmadere9030 2 ปีที่แล้ว +3

      That is hella annoying

    • @joe44850
      @joe44850 2 ปีที่แล้ว

      @@alfredmadere9030 Indeed

    • @thesingularity3566
      @thesingularity3566 ปีที่แล้ว

      Do you know how to do the same with palette?

    • @MichaelShingo
      @MichaelShingo ปีที่แล้ว +1

      Thank you, was searching for this

  • @parsaeagle
    @parsaeagle 2 ปีที่แล้ว

    Honestly this video deserves much more views

  • @XxKosTaSxXx
    @XxKosTaSxXx 2 ปีที่แล้ว

    Watched the whole yt to find the answers this 30 min video gave.
    Thanks

  • @isaacreyes4915
    @isaacreyes4915 2 ปีที่แล้ว +1

    Just started trying to learn Material and I am glad the website linked to you. I tried watching the others but they don't really explain things. They just start coding away and build stuff.

  • @BOSprodz
    @BOSprodz ปีที่แล้ว

    I've struggled with this library on my own so much and you have explained it so beautifully thank you

  • @ryanander31
    @ryanander31 ปีที่แล้ว

    Thank you! This was awesome. You've done a great job of pulling lots of content together and making them easily digestible.

  • @DominikZalewski85
    @DominikZalewski85 2 ปีที่แล้ว

    I need to write a simple UI for my fastapi based CRUD API and this video helped me a lot. Thanks!

  • @jazymhmd1944
    @jazymhmd1944 2 ปีที่แล้ว

    I have taken so many courses. Never seen such an amazing explanation. This is an amazing talent!

  • @dwayne6402
    @dwayne6402 2 ปีที่แล้ว

    I will be going through all those material ui component videos. Looking forward to learning Material UI more in depth from you.

  • @dror-krief
    @dror-krief ปีที่แล้ว

    Thank you man
    this is an invincible guide
    you really helped me
    I appreciate your work here

  • @JavierBautistaOrtigosa
    @JavierBautistaOrtigosa 5 หลายเดือนก่อน

    Fantastic tutorial! Thanks for this ;)

  • @ajoykrdas
    @ajoykrdas ปีที่แล้ว

    Great tutorial!! And the teaching style has really created more curiosity towards exploring MUI.

  • @marcellawonderweapon4008
    @marcellawonderweapon4008 2 ปีที่แล้ว

    Best introduction ever! Thank you very much for providing this!

  • @eduardojls
    @eduardojls 2 ปีที่แล้ว

    I was wondering why I didn't see this tutorial before? It's exactly what I was looking for, someone that explain how to implement MUI with React.
    Thanks a lot for sharing this amazing tutorial. Can't wait to see the rest of the playlist 🙌🏻🙌🏻

  • @frankcamberos8417
    @frankcamberos8417 2 ปีที่แล้ว

    Glad I found you as I begin learning React/MUI! 👍

  • @miladg5999
    @miladg5999 ปีที่แล้ว

    Excellent and concise crash course thanks!

  • @caseyspaulding
    @caseyspaulding ปีที่แล้ว

    Thanks! Quality training right here

  • @mohammedammarkurabi7520
    @mohammedammarkurabi7520 ปีที่แล้ว +1

    Thank you so much for your great effort. I learned a lot.

  • @agentbabs_yt
    @agentbabs_yt 2 ปีที่แล้ว

    Excellent video and thank you for all of your hard work and sharing your knowledge. I will be watching your whole series and you definitely have a new subscriber!

  • @Satishkumar-rx7oy
    @Satishkumar-rx7oy ปีที่แล้ว

    quality video..thanks for making this

  • @rahulranjan8173
    @rahulranjan8173 ปีที่แล้ว

    Thanks Anthony. You made life simple

  • @jwithington
    @jwithington ปีที่แล้ว

    This explains so much, so well! Thank you!🎉🎉🎉

  • @marsh1941
    @marsh1941 2 ปีที่แล้ว

    This was exactly what I needed! 😍

  • @KennyomarGarcia
    @KennyomarGarcia 2 ปีที่แล้ว

    Awesome crash course on MUI. Thanks so much!

  • @opaskyjurca3887
    @opaskyjurca3887 ปีที่แล้ว

    Really useful tutorial, thank you!

  • @metehandemirguc2567
    @metehandemirguc2567 2 ปีที่แล้ว

    Frrrrr tNice tutorials man just straight forward !

  • @nawzhinit2744
    @nawzhinit2744 2 ปีที่แล้ว

    Great video Anthony Thanks !

  • @srlyicfnotificationnews5110
    @srlyicfnotificationnews5110 2 ปีที่แล้ว

    Thanks for the motivation. I wasn't sure if I could do it, but I might try it eventually.

  • @alexandergeorgesquire220
    @alexandergeorgesquire220 9 หลายเดือนก่อน

    Very informed individual! Thanks

  • @RockmanExecute
    @RockmanExecute 2 ปีที่แล้ว

    Thank you, super useful and straight to the point with perfect pacing!

  • @VladyslavHladchenko
    @VladyslavHladchenko 2 ปีที่แล้ว

    Thank you for a nice explanation. I'm not a web developer but making an app for myself. Your videos really help :D

  • @muhammadhabibahmadbscs-m2404
    @muhammadhabibahmadbscs-m2404 2 ปีที่แล้ว

    Don’t be afraid, just embrace it.

  • @WandersonDavid_KariJobeBrasil
    @WandersonDavid_KariJobeBrasil ปีที่แล้ว

    You helped me a lot. Huge thanks!

  • @liorjjj
    @liorjjj 2 ปีที่แล้ว

    Anthony I love You!! thanks for this

  • @shejaemeric8511
    @shejaemeric8511 ปีที่แล้ว

    Great explanation and examples. Thank you

  • @reedschrichte800
    @reedschrichte800 2 ปีที่แล้ว

    Great video, thank you!

  • @balajisundaram
    @balajisundaram 2 ปีที่แล้ว

    great work !!

  • @SalsaColombiaUS
    @SalsaColombiaUS 2 ปีที่แล้ว

    Thank you for this very profesional tutorial I hope you receive blessings :)

  • @ottercoder9321
    @ottercoder9321 2 ปีที่แล้ว

    Awsome video!

  • @lappham97
    @lappham97 2 ปีที่แล้ว

    Thank you so much for your effort!!!! Very well explained.

  • @simpleciscovoicetutorials79
    @simpleciscovoicetutorials79 2 ปีที่แล้ว

    Such a great job explaining the them object! Thank you!

  • @นะระพะพะระนะ-ฉ9ฅ
    @นะระพะพะระนะ-ฉ9ฅ 2 ปีที่แล้ว

    Much appreciation.

  • @chuckleezy
    @chuckleezy 2 ปีที่แล้ว

    This is mad helpful, thank you so much!

  • @kim92se64
    @kim92se64 2 ปีที่แล้ว

    what a great tutorial !!!

  • @teewhy3828
    @teewhy3828 2 ปีที่แล้ว

    great crash course!

  • @mohamedinfas5341
    @mohamedinfas5341 2 ปีที่แล้ว

    Thank you so much. Well detailed. Very helpful ❤️

  • @khinnyeinchan8351
    @khinnyeinchan8351 2 ปีที่แล้ว

    Nice explaining. It is Very Helpful. Thanks

  • @ashishkhandai1587
    @ashishkhandai1587 2 ปีที่แล้ว

    because its hard doesn't make it impossible! Stay safe!

  • @ahsanulkabir8640
    @ahsanulkabir8640 2 ปีที่แล้ว

    Its best indeed. Thanks

  • @nehat786
    @nehat786 2 ปีที่แล้ว +4

    Sir when a project with MUI 5. Your videos are very informative but it would be great if you bundle all those components and make a decent project-based approach to teaching. In that way, we can grab it easily. And it boosts our confidence to work on the next project as our own. Thank you!

    • @AnthonySistilli
      @AnthonySistilli  2 ปีที่แล้ว +3

      That's a great idea! Thank you Nehat!

  • @danialarif9443
    @danialarif9443 2 ปีที่แล้ว

    Awesome video

  • @Undecided-69
    @Undecided-69 2 ปีที่แล้ว

    I see you are a man of culture as well

  • @borjinator
    @borjinator 5 หลายเดือนก่อน

    excellent video

  • @profidev_js
    @profidev_js 2 ปีที่แล้ว

    you are a god!

  • @Kyzuekoo
    @Kyzuekoo 2 ปีที่แล้ว

    Drag the volu for the setuper track that you're recording into all the way down.

  • @vatosarmat1027
    @vatosarmat1027 2 ปีที่แล้ว

    Thanks you for the video! Which color scheme are you using?

  • @JR-lo2ei
    @JR-lo2ei 2 ปีที่แล้ว

    Nice tour.

  • @hungphungthanh8978
    @hungphungthanh8978 2 ปีที่แล้ว

    Thanks A Lot Dude

  • @alikafebrian1186
    @alikafebrian1186 2 ปีที่แล้ว

    Pengunjung baru bang.. semangat buat konten..

  • @thezgold
    @thezgold 2 ปีที่แล้ว

    thanks 🍊🍊🍊

  • @adi_sekar
    @adi_sekar 2 ปีที่แล้ว

    Excellent video. Usually I wrap my components to extend the base MUI library, so I will have control over props passed and styling, but it seems that is not needed, and we can achieve all this using theme? Or is it still best practice to wrap MUI components to create our version of say MUI-Button etc? Thanks!

  • @singhsaheb4603
    @singhsaheb4603 2 ปีที่แล้ว

    love from India🇮🇳🇮🇳

  • @mahmoudalboraye969
    @mahmoudalboraye969 2 ปีที่แล้ว

    Really good explanation, thanks for that 😊
    do you have a MERN created project using MUI5?

  • @francoisvilleneuve
    @francoisvilleneuve ปีที่แล้ว

    This is great! BTW I think that your video might be lagging one or two frames behind your audio...

  • @healthinsurance59
    @healthinsurance59 2 ปีที่แล้ว

    Sir please continue react part you easily explain the concept you have not explained is useContext just subscribed waiting for it.....

  • @ИванИванов-о8я9с
    @ИванИванов-о8я9с 2 ปีที่แล้ว

    How to use callout? I can see them used in docs. but I cannot find this component

  • @davidc8293
    @davidc8293 2 ปีที่แล้ว

    Your video is great! Thank you! Could I consult you if I can use Tailwind CSS for the MUI 5?

  • @ToanNguyen-ce4bm
    @ToanNguyen-ce4bm 2 ปีที่แล้ว

    property refrencen tables 24:16

  • @PhuongNguyen-zb2en
    @PhuongNguyen-zb2en 2 ปีที่แล้ว

    What font family are you using for your VS Code mate?

  • @longnhat6405
    @longnhat6405 2 ปีที่แล้ว

    nice explaination

  • @aytacg26
    @aytacg26 ปีที่แล้ว

    How can we add custom colors to ThemeOptions at TypeScript

  • @Leofmoura87
    @Leofmoura87 2 ปีที่แล้ว

    Is mui better than chakra? I'm new to react and don't know what to use.

  • @low-sound
    @low-sound ปีที่แล้ว

    Bro thx really

  • @kirillpavlovskii8342
    @kirillpavlovskii8342 2 ปีที่แล้ว

    Great!

  • @amazingcreations9715
    @amazingcreations9715 2 ปีที่แล้ว

    track, but the problem is I don't know how to do tNice tutorials, it only goes to the setuper as the whole track...can you help with tNice tutorials?

  • @tharindumadhushan7776
    @tharindumadhushan7776 2 ปีที่แล้ว

    Hello sir,is it okay to forstly devolope full frontend with react and after create backend with laravl

  • @xtechnogram
    @xtechnogram 11 หลายเดือนก่อน

    Just To Let You Know Anthony, I am from Pakistan.... Just Subscribed

  • @ZachBugay
    @ZachBugay 2 ปีที่แล้ว

    Rather than using JS, can you use TS for future videos?

  • @nanonkay5669
    @nanonkay5669 2 ปีที่แล้ว

    Can you do a Mantine UI tutorial?

  • @surendrawagle1896
    @surendrawagle1896 2 ปีที่แล้ว

    Hi Anthony
    It's really great tutorial. Can you please make project based tutorial like designing dashboard from mui5??

  • @billyworkman3334
    @billyworkman3334 2 ปีที่แล้ว

    Nice video

  • @DaveTradeFx_01
    @DaveTradeFx_01 2 ปีที่แล้ว

    Good explanation

  • @soumadip_banerjee
    @soumadip_banerjee ปีที่แล้ว

    👌🏻

  • @mayank9rana
    @mayank9rana 2 ปีที่แล้ว

    Great

  • @thomasthomas1360
    @thomasthomas1360 ปีที่แล้ว

    Good Tutorial. Only issue is your voice is inaudible when using laptop speakers.

  • @vaganast2909
    @vaganast2909 2 ปีที่แล้ว

    so now makeStyles doenst work right ?