Hi Everybody. I would have your advice about the use of Material-UI (https://m3.material.io/get-started) framework, taking into account that we have two products made with React (https://react.dev/) framework and considering that the team is very skillful in REACT and TS.
What do you think about adding Material framework (because a designer asks for it) in a very strong REACT and TS ecosystem?
Thanks in advance for your help! 🤓
In your question, you mention Material-UI (https://m3.material.io/get-started), but what you really want is MUI (https://mui.com/). This is a great UI framework that I have used in several projects. It comes with a complete set of components and is easily themable and customizable. Some people are against it because it may increase your bundle size, so to avoid that make sure to always use path imports (https://mui.com/material-ui/guides/minimizing-bundle-size/#option-one-use-path-imports).
If your designer asked for it then use material ui. Because this means that designer will design according to design system of material and probably not make different components from material ui. This will speed up your development speed up to x2.
But you need take some gotchas into account. 1. Material ui uses css in js and it hardly support new react nextjs features. And currently material team works on it. 2. It will be hard to customize components if you need something different. 3. If you have totally different design system and want to addapt material ui in my opinion it is worst idea. Because it won't be perfect.
Radix ui, react aria i think more preferable if you want to craft components from scratch how you want without losing ♿ accessiblty
-
Tailwind, panda css or vanilla extract are better solutions today for styling components according to design system.
- Don't forget it will take time without material ui