clojurescript 2018-11-15

Clojurians how do you use

Material-UI

? Do you wrap it yourselves or do you use eg: https://github.com/madvas/cljs-react-material-ui?

mhuebert23:11:43

I use it directly using shadow-cljs

devo15:11:31

in fulcro+shadow-cljs https://github.com/Devereux-Henley/solid-lunch-and-learn/blob/master/src/main/solid/lib/material/components.cljs and example usage https://github.com/Devereux-Henley/solid-lunch-and-learn/blob/master/src/main/solid/lib/accounts/components.cljs

souenzzo20:11:47

@U1RUG108P how to handle "withStyles" when using fulcro+material-ui cc @UCTNL1JNN flow this thread

devo21:11:35

I haven't attempted to use it much in fulcro other than supplying the provider for mui components until I saw your comment. Something about how the higher order components compose seems to lose classes with some light testing, but would have to dig in deeper to figure out why.

valtteri05:11:42

@jarvinenemil check this out https://github.com/reagent-project/reagent/tree/master/examples/material-ui

👍 4

valtteri05:11:53

I started with writing my own wrappers but it turned out to be mostly unnecessary. Direct interop is fine.

lukas.rychtecky08:11:03

@jarvinenemil I’ve tried to use it like 1y or 2y ago. The biggest issues for me was that the final JS build was too big (for mobile connection). Probably because the dead code elimination wasn’t able to remove unused code caused by it’s not written in Google Closure Compiler’s annotations.

valtteri09:11:20

You can use Webpack to bundle MaterialUI and have dead code elimination. https://clojurescript.org/guides/webpack It requires some additional steps to your build and development processes but it’s totally doable.

lilactown20:11:11

anyone know if someone's looked into the performance of add-watch?

lilactown20:11:58

trying to vet it against using a general JS event emitter/observable. wondering if someone's already done the due-diligence

mfikes21:11:47

@lilactown Probably a good question for #cljs-dev

👍 4

2018-11-15

Channels