Is Material-UI Better Than Tailwind CSS For React Development?

This video is comparing Tailwind CSS and Material-UI as front end libraries for React Development. It can be hard when you are first working as a web developer to learn the differences in different front end frameworks and component libraries. This video is a quick breakdown of the differences between the two most popular front end libraries for React js projects, Tailwind CSS and Material-UI.
#tailwindcss #materialui #reactjs

[@zachphilipp786]

I always thought in terms of... 1. if you are a backend dev or your app is more backend focused then use MUI. 2. you are a front end dev or looking for total component control then use tailwind

[@Almopt]

I don't mean it in a bad way, but I don't think it makes sense for you to be literally reading content while making the video. I think it's important that, before making a video, we're comfortable with the subject matter and don't have to read literally.

[@yashjoglekar]

Video is great, love it, just want to point a small thing, if you're reading from a script, don't make it so obvious

[@ingloriouspancake7529]

Better to do something then not do it at all because it isn’t perfect. Making videos is pretty tricky. Can you do it better?

[@pawelpow]

​@@ingloriouspancake7529 I think he was giving constructive criticism. He's not saying he's a better KZbinr, he's just providing feedback.

[@BleepingWorld]

I jumped on MUI cause it was like at the top of the recommendations on google. After searching for answers to MUI styling issues I find that Tailwind seems to have a larger community?

[@sumnerd69]

bro you gotta work on that teleprompting 💀

[@adimardev1550]

actually, i found tailwind css super dooper easy! i can even create responsive collapsive sidebar, without a single javascript. tailwind is easy, scalable, custumaizable, fast and powerful. if you really good at css, tailwind fits you. you can like do lots of complex stuff without the need of javascript. i had used material ui in the pass. it was also good until i tried tailwind, i made the switch.

[@allmighty8097]

Well same 4 me 2 😂

[@Hokageminato]

Are you sure? Is it better? I haven't learnt any of them just wanted to start what do you say?

[@adimardev1550]

@@Hokageminato if you know css, then next step is tailwindCss. if you don't, then learn CSS then tailwindCss. tailwindCss are in demand this this, you can take my word for that. also, expertise at tailwind will boast your styling productivity and creativity. tailwind is powerful and work for any frameworks. hope this help you

[@Hokageminato]

@@adimardev1550 thank you so much for your time. I know css but I feel layout designing is easier in bootstrap . I was confused between these two then material ui pops up.

[@aniketpatil9129]

I prefer MUI

[@kisho2679]

how do they compete with Bootstrap and Angular?

[@DevlogBill]

Hi Ethical Techologist, I am looking around for something new, tired of Bootstrap style and design., been using it for almost 2 years now. Looking for something new. I was wondering which is similar to Bootstrap but somewhat different at the same time? I would be interested in hearing your personal opinion, sounds like you have lots of experience in this department. Maybe there is something which I haven't even heard of which you could recommend? My focus is on React creating components which open and close. So I am looking for something to add style to my effects. Thank you for the great video!

[@stablememefusion]

Why dont use both ? You just need to change the injection order of the css styles. The combination of both is just amazing!

[@Brocollipy]

Yeah I'm finding it hard to "pick a team". I want to use some of the MUI and MUI X components but love tailwind for general page layout and styling.

[@freenrg888]

Yes! They have different animals with different goals and they are compatible.

[@kinolanka]

Why you didn't say anything about the performance problems with "css in js" approach?

[@garrysohi5623]

What is that

[@tonyleotta6715]

Excellent. I like you sitting on couch. I like the scripted style. I like the pace, quick, not too fast. I like the video length. I like the treatment of the subject. I like the fairness. Good Job!

[@zwithfriends]

for complex application tailwind vs bootstrap vs mui vs mdb vs ant design which one is best and recommended??

[@590af]

Definitely not bootstrap. Probably ant or mui if you want a broad ready to use component library and tailwind if you want a lot of customization and stuff like that.

[@jotaroisdarius1918]

which one would you recommend for someone who sucks at design ? I'm assuming mui ?

[@adimardev1550]

neigther of these. try bootstrap first. then, proceed to tailwind.

[@jotaroisdarius1918]

@@adimardev1550 way too ugly

[@adimardev1550]

@@jotaroisdarius1918 no man! if you can design, even with vanilla css you can make it good. if you can't design. even with the best ui library it will look awful.

[@SirJagerYT]

Daisy UI or Shadcn/ui

[@metanoia6033]

And now, there's Material Tailwind :)

[@curiously-cinnamon]

Really? When was it invented?

[@mueletech]

guys just pick any , whether Material UI/ Tailwind. they all achieve the same thing, and Tailwind is actuallt much simpler

[@yogipristiawan3899]

why not both

[@ThisIsMMI]

Feels like you read an answer generated by chatgpt

[@olyviero]

I was thinking the same

[@SyedRiyadhulKarim]

simple css class writing approach is not bad. If is there any job for memorizing tailwind code and write it in lot of frontend projects and get paid....then tailwnd

[@GrimChu69]

Funny, I have never thought of MUI and Tailwind as exclusive to each other or even filling the same role.

[@Zaindkir]

I prefer tailwindCss its very performant than mui react or chakra

[@laxmikanthgurram1074]

tailwind css is a pain in the ass for people who are not good at css and dont want to build it all:-)In MUI ,just use the readily available components and just do minimal css changes and get ur code working with super friendly react js or other.

[@JethiyaChampakGada]

mui sucks, customization is just too hard

[@sid06]

Please don't create any more videos. It's because sometimes the algorithm makes a mistake and recommends them as useful.

[@gandazgul]

This video is why the dislike button is useful.

[@YuriG03042]

god, there is so much wrong with the presentation of this video. lot of frames on the wall that contribute nothing with the set and only add visual pollution. if they were removed, no one would notice tailwindcss just wildly pasted over the background without removing the white border. 0 effort to integrate it into the video code written on the background in black font, no syntax highlighting, just boring black text that wasn't even that readable reading from the script below the camera. put it behind the camera so we can't notice when you are reading it hands moving too much without any reason to no b-roll footage while you talk about stuff at least you are pretty to look at so you got that going for you, but try to get non-reflective glasses if you are going to record with those on

[@ElevateMonk]

go make your own video then....

[@Brocollipy]

wow ......... what an unnecessarily cruel waste of your time

[@bernhardsmuts2265]

Good feedback, but shucks man, just do it in a kind way. And great info on the actual video, just what I was looking for, thanks man!

[@HopeAndrea_HFG]

This is ridiculous. Go make your own video on the topic then.