This page is not created by, affiliated with, or supported by Slack Technologies, Inc.
2018-11-15
Channels
- # announcements (11)
- # beginners (66)
- # boot (6)
- # clara (25)
- # cljdoc (4)
- # cljs-dev (22)
- # clojure (261)
- # clojure-dev (1)
- # clojure-europe (2)
- # clojure-italy (15)
- # clojure-losangeles (1)
- # clojure-nl (19)
- # clojure-spec (62)
- # clojure-uk (50)
- # clojurescript (12)
- # community-development (6)
- # cursive (60)
- # datomic (21)
- # emacs (2)
- # figwheel (2)
- # figwheel-main (3)
- # fulcro (2)
- # graphql (11)
- # hyperfiddle (11)
- # javascript (1)
- # jobs (6)
- # juxt (1)
- # kaocha (5)
- # keechma (2)
- # off-topic (4)
- # onyx (10)
- # pathom (7)
- # re-frame (15)
- # reagent (8)
- # remote-jobs (2)
- # ring-swagger (14)
- # shadow-cljs (35)
- # sql (22)
- # testing (9)
- # tools-deps (62)
- # vim (12)
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?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
@U1RUG108P how to handle "withStyles" when using fulcro+material-ui cc @UCTNL1JNN flow this thread
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.
@jarvinenemil check this out https://github.com/reagent-project/reagent/tree/master/examples/material-ui
I started with writing my own wrappers but it turned out to be mostly unnecessary. Direct interop is fine.
@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.
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.