The ULTIMATE guide to styling/customizing Material UI (MUI)

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

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

  • @frontstartdev
    @frontstartdev  ปีที่แล้ว +11

    Found this helpful? You can support me with a coffee ☕ bmc.link/frontstart
    What other MUI/Material UI topic do you want me to cover?

  • @samiroutka
    @samiroutka ปีที่แล้ว +19

    Before I have seen the views of the video, I thought that the video has at least 300k views. The quality is so good

  • @ehsanmz5725
    @ehsanmz5725 ปีที่แล้ว +20

    As a react developer who is new in MUI, this video is a reference by it's own.

  • @TomCodeur
    @TomCodeur 7 หลายเดือนก่อน +7

    Thanks, that's more helpful than the official doc 😁

  • @saileeladharsaranam1992
    @saileeladharsaranam1992 17 วันที่ผ่านมา

    Thanks alot for making this video short and Informative. Now I am confident enough to make decitions while applying styles to mui components

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

    The docs are overwhelming at first without a guide through. Your video was just perfect. Thanks.

  • @cdavidmore
    @cdavidmore 2 หลายเดือนก่อน +1

    I saw your Learn MUI video and got amazed as how well you explain and this is no different, very useful not just for styling MUI, but for styling in React in general , I hope you make that theming video

  • @code-websites
    @code-websites 10 หลายเดือนก่อน +2

    People are trying to explain this whole stuff in hours but bro nailed it in 10 Minutes🔥😍

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

    Recently, I searched for some videos to learn MUI customization. Suddenly, TH-cam suggested your channel to me. I learned so much from your videos, and it was worth spending my time.

  • @shaungould8793
    @shaungould8793 11 หลายเดือนก่อน +6

    Sooooo helpful, thank you! I would def watch a more in-depth video on the theme abstraction.

  • @bulwinkel
    @bulwinkel ปีที่แล้ว +6

    Great video, thank you! Between this and your Learn MUI in under 10 mins video I have worked out that I have been doing it all wrong 😂

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

      Haha there is always something to learn 😁 glad you found it helpful!

  • @Prashant-Dedha
    @Prashant-Dedha 5 หลายเดือนก่อน

    Thanks for the short overview of customizing MUI components. The 2-hour and 4-hour tutorials seamed very overwhelming to start with but now I after watching this I'm more confident to deep dive into docs and actual projects. Thanks a lot.

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

    I also want to mention that the ten minute video format your using is perfect imo

  • @_Squiggle_
    @_Squiggle_ 18 วันที่ผ่านมา

    Really good overview! Thank you!

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

    Answered most of the questions. Great video.
    Would love to know more about theming in depth. Thanks

  • @joshDotJS
    @joshDotJS 5 หลายเดือนก่อน +1

    Very useful and consice video! Since there are so many ways to do responsiveness in MUI, can you please create a video covering the pros and cons of each way of applying responsive styles?

  • @neovickson
    @neovickson 10 หลายเดือนก่อน

    I didn't understand mui until I saw two of your videos, epic 🔥
    I'll be looking out for your videos 💯

  • @dule88rs
    @dule88rs 7 หลายเดือนก่อน

    Great video!
    I think you should do more videos on these topics.
    Maybe something around themes, or how to organize styling in a project, etc.

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

    Hey, I can't find the video on Theming. I hope it's uploaded soon. This video was very helpful. Thanks for helping out beginners like us. Subscribed !!

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

    very straightforward, fun, and valuable informations here! amazing tutorial, I wish all tutorial could be like this.

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

    A video on theme customization in detail 💯🔥

  • @Igor-km5qp
    @Igor-km5qp 7 หลายเดือนก่อน

    Nice concise tutotiral, thanks a lot for dividing different methods.

  • @Lokacodes
    @Lokacodes 7 หลายเดือนก่อน

    super helpful for a beginner like me. Thanks!

  • @sujeetkumaryadav9600
    @sujeetkumaryadav9600 3 หลายเดือนก่อน

    great content that I was looking for!! Thank you so much....

  • @Sam-km9jl
    @Sam-km9jl 10 หลายเดือนก่อน

    You made it so easy, gotta learn some MUI tips from you, subscribed! And thanks for the great content!

  • @habibbel2048
    @habibbel2048 6 หลายเดือนก่อน

    Useful video. We look forward to other special videos like themes and treeview and datagird

  • @marcosantoniovitaldelima3774
    @marcosantoniovitaldelima3774 2 หลายเดือนก่อน

    Great video, man! Thanks!

  • @FaramarzF.R
    @FaramarzF.R 7 หลายเดือนก่อน

    Thanks ❤.
    Please make more videos of your experiences.

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

    It would be really great if you make a complete video on theming 👏🏻👏🏻👏🏻

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

    Thanks pal. Very useful video.

  • @MohamedMahmoud-pe6qm
    @MohamedMahmoud-pe6qm ปีที่แล้ว +1

    Really Amazing Video , you earned yourself a new subscriber.

  • @dinesh.p8642
    @dinesh.p8642 11 หลายเดือนก่อน

    I love you FrontStart. Thank you!!

  • @ezequielvallejo9352
    @ezequielvallejo9352 4 หลายเดือนก่อน

    Nice for a first approch, thanks!

  • @matheus-il
    @matheus-il 11 หลายเดือนก่อน

    Thank you so much! Please make a video just about theming

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

    Amazing video, man! Thanks for that!

  • @Ouail-Ocf
    @Ouail-Ocf ปีที่แล้ว +1

    This was so beneficial , thanks a lot !

  • @jssecrets
    @jssecrets 7 หลายเดือนก่อน

    You are a good explanator man!

  • @Ashish_singh_dev
    @Ashish_singh_dev 8 หลายเดือนก่อน

    You got a sub 😅, would love to see detailed MUI theming

  • @ramiov3862
    @ramiov3862 8 หลายเดือนก่อน

    Thanks so much man ... that was super helpful.

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

    Keep making more useful videos, Thanks a lot!

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

    Thanks man, it's concise and easy to understand

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

    Would it make more sense to use all the css of my project in a single css file, or would it make more sense to use sx in each page? Apart from all this, would it make sense to create piecemeal css codes in themes.js and call them in sx on my pages?

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

    Crazy useful video. Thank you so much for the content.

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

    That was perfect but I wanted more explanation of the last part and how the & works and how the : stuff works!

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

    Such a detailed video! Thank you!

  • @lazycode7
    @lazycode7 8 หลายเดือนก่อน

    Really helpful bro, Thanks a lot ❤❤

  • @mohsenazimi-k9h
    @mohsenazimi-k9h 6 หลายเดือนก่อน

    that was very useful, Thanks a lot.

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

    Sure, would like to have a dedicated video on createTheme.

  • @daniel.dushev
    @daniel.dushev 9 หลายเดือนก่อน

    great video, keep the good work

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

    Thank you, mate 💪🏼

  • @kirilkirchev285
    @kirilkirchev285 8 หลายเดือนก่อน

    Great video - straight to the points & perfect example. Covers from zero to hero in less than 10min

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

    Thanks a lot. It helped a lot.

  • @mario_luigie4593
    @mario_luigie4593 7 หลายเดือนก่อน

    Super, thank you !

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

    need more detailed video on theme and styled components

  • @masoudharooni2989
    @masoudharooni2989 8 หลายเดือนก่อน

    that was awsome, please make it about Ant design.

  • @LucasGuimarãesdaCruzMarques
    @LucasGuimarãesdaCruzMarques หลายเดือนก่อน

    Hey, I really liked your video-it was super helpful! But I still feel like there’s a lack of content about customizing Material UI themes, especially since so many people use it.
    I have to use it daily, and I find the documentation really bad. It doesn't explain anything! I always get stuck somewhere and end up having to 'invent' a solution.

  • @510218sk
    @510218sk 6 หลายเดือนก่อน

    Im having a portfolio project on an e- commerce web in a code boot camp. Really struggle on building or even simply cloning from one .Im using React and MUI, just trying to make landing page, item-list page, cart page, checkout page, and login page , but almost get depressed to smash my lap...do you have any advice for me? Just cant hold much of my negative, sorry...

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

    Great video!

  • @jorgejorge8878
    @jorgejorge8878 4 หลายเดือนก่อน

    Great content. Subscribed.

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

    love from India brother ❤

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

    Hey, how I merge two themes? I have a chakrui theme and a material ui theme. How I exactly use deepmerge ? Can anyone help

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

    It's too helpful Thanks

  • @MaxI-fw1vv
    @MaxI-fw1vv 11 หลายเดือนก่อน

    Could you tell please how to customize IconButton. It doesn’t work for me for some reason

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

    Thanks for your video, how do we know when to use sx vs styled ?

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

    Helpful Video 👍🏻

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

    Hey bro please make some tutorials on material ui with projects using typescript with customisation as well

  • @rayforever
    @rayforever 2 หลายเดือนก่อน

    Mui better put your video link in their docs 😂, and bhoom all the dev will began using MUI,
    Man if I haven't found your video I would've switched to nextUI or bootstrap.

  • @_tanzil_
    @_tanzil_ 2 วันที่ผ่านมา

    How do you add some custom colors with custom names

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

    I am getting Invalid hooks call error , please help me to solve this problem

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

    Why does styling set in sx getting overridden by the theme?

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

    its great video, thanks!

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

    What site is that where you are looking up your colors with the shades.

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

      on the mui website go to customization/color/

  • @mr.random8447
    @mr.random8447 8 หลายเดือนก่อน

    Can you make video on CSSVarsProvider?

  • @DhruvaAgarwal-l8l
    @DhruvaAgarwal-l8l ปีที่แล้ว

    Great video

  • @ДаринаМеркулова-г3и
    @ДаринаМеркулова-г3и 11 หลายเดือนก่อน

    Please help us 🙏, we want to know more information. Maybe you can understand how to do a select with search, for example. I really need this because I will go crazy while doing it. How we can change label, delete animation, etc

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

      Привіт! Sure. Are you looking for something like this?
      mui.com/material-ui/react-autocomplete/

  • @map3056
    @map3056 10 หลายเดือนก่อน

    awesome video

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

    While using modules on Button some of the styles dont apply like padding margin color does not. Change

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

      What do you mean by that? Can you give some details and context?

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

      @@frontstartdev I am new to MUI previously I used to work with css modules for styling. So when I change the style of mui button through css modules by prop name className only thing I am able to change is width. Color, margin ,padding does not change with css module

  • @tomasburian6550
    @tomasburian6550 2 หลายเดือนก่อน

    Still a lot of ground to cover. I think the hardest is to know how to restyle the components based on client's needs. Sometimes they have a specific schema or company colors they want to implement and then the hard work of targeting classes and subclasses begins.

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

    hi what about MakeStyles hook ? Thx

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

      It's depricated. Use styled() instead.

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

    It good bro

  • @ภูมินทร์ชาญนรา-ง7ฬ
    @ภูมินทร์ชาญนรา-ง7ฬ 11 หลายเดือนก่อน

    เข้าใจง่ายมาเลยครับ

  • @lukasspfc18
    @lukasspfc18 10 หลายเดือนก่อน

  • @MubashirullahD
    @MubashirullahD 7 หลายเดือนก่อน

    Great

  • @YstmioGaona0505
    @YstmioGaona0505 2 หลายเดือนก่อน

    ¿Derecha?, anti dictadura diría yo.

  • @DYTVLOGGING
    @DYTVLOGGING 10 หลายเดือนก่อน

    make a cheatsheet of these .

  • @kacperkepinski4990
    @kacperkepinski4990 6 หลายเดือนก่อน

    shit

  • @skan90
    @skan90 4 หลายเดือนก่อน

    Amazing! Thank you very much for that, got a subscriber! Cheers from BRazil!

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

    I saw your Learn MUI video and got amazed as how well you explain and this is no different, very useful not just for styling MUI, but for styling in React in general , I hope you make that theming video

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

      Thanks for the kind words! I sure will 👍

  • @cristianohenriqueamorim8179
    @cristianohenriqueamorim8179 6 หลายเดือนก่อน

    Great! Thanks!