Fork me on GitHub
#reagent
<
2017-06-14
>
dimovich01:06:48

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?

gadfly36101:06:42

@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

dimovich01:06:13

@gadfly361 ok I see. thanks for the info!

gadfly36102:06:30

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

dimovich02:06:08

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

dimovich03:06:54

that's for the Button only... didn't try to add other comps

juhoteperi09:06:01

Hmh, I have a 10K Cljs/cljc CLOC project with output of 1.6MB which includes Leaflet and React-leaflet (both around 100KB).

osmirnov09:06:18

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

osmirnov10:06:13

nvm, I've just move let before drop down

pradyumna15:06:22

:on-change #(reset! id-value %)

bbrinck21:06:23

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