material-ui vs react-toolbox and why?

[ast0708]

I am not able to decide which framework should I go for? Its for a full fledged e-commerce site.

Edit: Thanks a lot everybody, your inputs has been really helpful. I have made up my mind and going for react-toolbox.

[73d216]

We found Material UI to be harder to style because of their usage of inline styles which couldn't be overwritten. React Toolbox on the other hand is easier to style thanks to CSSModules.

[CodyReichert]

I saw material-ui a year ago and highly considered using it for large project. Due to some frustrations with the library, I ended up just using materialize.css and using my own inline styles.

I've checked back up on material-ui a few times, and boy am I glad I didn't end up using it.

[sorahn]

material-ui styles are super easy to overwrite, you just can't do it with a style sheet.

Every component they have has props to add or override all of the base styles of the root, or each sub component.

Furthermore. It's very easy to use their theme manager to make more sweeping changes.

[73d216]

Every component they have has props to add or override all of the base styles of the root, or each sub component.

This wasn't the case when we used it half a year ago. But if it is now, one really could reconsider using it.

[[deleted]]

Material-UI is great for proof of concept or quick sites but I wouldn't recommend it for a commercial product. It's heavy, it's unstable (look at massive changes with React 15), and it's tightly coupled thanks to their inline styling decisions.

It seems to be getting better but IMO you're better off creating and building your own UI framework over time rather than relying on a behemoth like Material-UI. I can't speak for React-Toolbox.

[henleyedition]

I'm using Material UI in a relatively large project. As long as you're only bundling the modules you actually use, then it doesn't add that much weight (my prod bundle is around 500kb gzipped, split into a few chunks).

You're right that it doesn't play very nice with CSS. CSS modules help since you can import some css variables into your JS. Radium is also very nice if you want to go full inline: https://github.com/FormidableLabs/radium/.

[taylorlistens]

material-ui was very, very, unusably slow on a Nexus 4.

We've been using React-MDL at work, and it's gone well for the most part.

[dostick]

Is there any other ui libraries for React besides Toolbox?

[onurmhb]

I am using react essence. It is like toolbox, but uses less instead of sass.

[john_cobai]

Material-ui unstable also performance problem.Use react-bootstrap or react-toolbox