mui / material-ui

Material UI: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
https://mui.com/material-ui/
MIT License
91.73k stars 31.51k forks source link

[docs] need for a blog about how to optimize MUI #41992

Open kasir-barati opened 2 weeks ago

kasir-barati commented 2 weeks ago

Related page

https://mui.com/material-ui/guides/minimizing-bundle-size/

Kind of issue

Missing information

Issue description

I think we definitely need some blog posts about how to make your SPA app faster when using MUI. I also experienced MUI performance hits in my ReactJS app and did not know what should I do except looking for a needle in a haystack. It was a real pain in the neck.

So now I think you have a very good understanding of what might goes wrong when using MUI and just jot them down in a blog post so that people like me have a place to look for possible explanation. Also it will help us to understand what we are doing that is wrong and needs to be changed.

Context

Having a better understanding on how to use MUI in a performant fashion without feeling overwhelmed and possibly not ending up saying "I cut my losses!" or "I decided it was not worth it!". I already feel that so many devs are in my shoes and just wanted to voice it.

I also do not see making my own custom components using a css lib like tailwind as a viable and feasible answer since I really do not wanna spent hours and hours to create, maintain, write tests, debug, take care of accessibility issues on my own :sweat_smile:.

Please share your thought with me and if your think I am missing something please point it out.

Thanks for the wonderful MUI and this lovely support.

Search keywords: optimization, performance, MUI, material UI