This page is not created by, affiliated with, or supported by Slack Technologies, Inc.
2017-06-14
Channels
- # beginners (31)
- # boot (9)
- # cider (10)
- # cljs-dev (9)
- # cljsrn (16)
- # clojure (222)
- # clojure-austin (4)
- # clojure-france (13)
- # clojure-italy (21)
- # clojure-nl (2)
- # clojure-russia (71)
- # clojure-spec (9)
- # clojure-uk (39)
- # clojurescript (50)
- # cursive (16)
- # datomic (69)
- # dirac (2)
- # figwheel (1)
- # graphql (19)
- # hoplon (4)
- # jobs (1)
- # klipse (3)
- # leiningen (4)
- # liberator (3)
- # luminus (9)
- # lumo (9)
- # off-topic (3)
- # om (21)
- # onyx (11)
- # parinfer (2)
- # pedestal (8)
- # planck (19)
- # re-frame (17)
- # reagent (12)
- # remote-jobs (1)
- # ring-swagger (3)
- # spacemacs (17)
- # specter (23)
- # sql (1)
- # unrepl (64)
- # untangled (19)
- # yada (5)
Hello. How many kB is a final js usually? When using reagent + dommy I get arround 200kB. Adding some react components I get to 300 kB. But then adding semantic-ui or soda-ash gets me to 900kB. Is this normal?
@dimovich semantic-ui-react, which soda-ash wraps, is indeed quite large. Similar react component libraries are also pretty beefy like cljs-react-material-ui. To answer your question tho, in my experience a starting reagent app is just under 300kb https://github.com/gadfly361/reagent-figwheel/pull/7
@gadfly361 ok I see. thanks for the info!
I have an app that is 8000 lines of code at 388kb (where all css is handrolled and I tried to keep it small), and another which is 17,000 lines of code and is 2,747kb (where it uses sematic and cljs-react-material-ui). both use d3
for the moment I'm pulling individual components out of semantic-ui and building with webpack + babel-plugin-lodash (as in the example app), and got the final js to around 550kb
Hmh, I have a 10K Cljs/cljc CLOC project with output of 1.6MB which includes Leaflet and React-leaflet (both around 100KB).
Hi all, maybe some one can help me, I'm using cljs-react-material-ui
with reagent
, and stuck with drop down menu, how I can get value from menu item? Here the snipped, i need to get :primaryText
I have a list of “cells” I want to render. If I use map
(and apply a key within my component), reagent will try to call the “render” method for all cells. But if I switch to for
(and apply the key via metadata) things work as expected: only the changed cell has its “render” method called. Why are these different? https://gist.github.com/bhb/84e55f42c0e17a79b0e60a3ae805c840
Oh, I think it’s the difference between []
and ()
as explained here https://github.com/Day8/re-frame/wiki/Using-%5Bsquare-brackets%5D-instead-of-%28parentheses%29