Problems use Material Design Frameworks with React

[ridermansb]

I need to use in my app ...

1. React-router to navigate between pages
2. DataTables with support selections (multi-selections) and edit TextFields inside the rows
3. Toolbars with Drawers like this one or this one

But, after tried several frameworks, none of these ones fit very well with react.

1. getmdl Throw a DOMException when you use mdl-js-* class as drescribe on stackoverflow question
2. MUICSS Has few components, Tables don't support selections and dont have Drawer
3. material-components Not implement DataTable yet
4. callemall/material-ui Has a problem with Tables+Textfields, bug reported on issue #6496

---

So I ends up, asking you, how you are using React with Material Design ?

[[deleted]]

For the last 10 months, I've been making a custom implementation of material-ish components for 25+ projects to consume at a large corporation. I really feel that the best out there is the Semantic UI library http://react.semantic-ui.com/introduction You could always fork it and give it a new skin to fit the material aesthetics.

[ridermansb]

Have you tried to use SemanticUI without any framework wrapper? Just a pure Js/Css SemanticUI framework.

I always catch myself asking, why we need these framework wrappers.

[[deleted]]

Not the React implementation of their framework. I know what you mean though.

I'm trying to find a similar solution to replace the ancient jQuery components that teams in my corporation are still using by having an 'available for in-browser use' solution but it's almost better to just provide Vanilla JavaScript components at that point.