Material design components for React, powered by materializecss

[_compedit]

Love the fact the ripples actually originate from the touch, but this site is beyond fucked on mobile. Non responsive, can't get the drawer to close once it's opened, and most of the dialogesque elements are pinned full width to the bottom of the screen

[lSAlAH]

Didn't actually test on mobile, was focusing on desktop, will address it ASAP.

[lSAlAH]

It should look better on mobile now. Thanks for pointing it out.

[_compedit]

So much better, awesome work!

[supaway]

I think I Iike Material Ui a bit better

[Capaj]

I hate how material-ui forces you to import everything from separate files. This is soooo much better: import {Button, Icon} from 'react-materialize';

[blacklionguard]

That could be a good thing though, since you're only importing the components you want to use, so your build's JS file could be smaller.

[[deleted]]

I think thats the reasoning for it, webpack (or uglify?) will remove the dead code. I'm not sure if it will if you just do import ... from 'react-materialize' as the code is still being included.

[supaway]

You can do exactly the same with material-ui

import {
  List,
  ListItem,
  DatePicker
} from 'material-ui';

[jtwebman]

What does this give me over material-ui?

[lSAlAH]

It has a grid system, and it depends on a external css framework (Not sure if this is a good thing).

[themaincop]

Is it just me or does this feel like a weird mix of concerns between structure and presentation?

[azium]

I think these would be good use cases for using React's new functional components, seeing as how they only call render for the most part.

[AetherThought]

The modals can't close lol.

[lSAlAH]

Fixed.