clojurescript

ClojureScript, a dialect of Clojure that compiles to JavaScript http://clojurescript.org | Currently at 1.10.879
solf 2021-02-11T01:32:39.119800Z

No experience using cljs libraries for css, but here's a (futur) tailwind-like possible contender: https://github.com/green-coder/girouette https://www.youtube.com/watch?v=Tnv6SvZM6tg I think it's pre-alpha though.

1🙂
West 2021-02-11T01:52:00.120400Z

I’m really curious as well about this topic.

Oliver George 2021-02-11T05:37:30.120800Z

I'm trying to port a re-frame app to use the new :bundle target based on the webpack tutorial. Prior to this I used the approach from the old webpack tutorial. I'm finding webpack takes inpractically long (10 minutes) to perform chunk asset optimisation.

% webpack --progress resources/public/js/index.js -o resources/public/js/app.js
92% chunk asset optimization TerserPlugin ... 
If I configure the TerserPlugin and set compress: false it improves to a few seconds. I suspect the slowness is caused by webpack chewing on the ~2mb advanced build output from my app. Are there recommended webpack settings to avoid pointless "compress the compressed file" slowness? PS. I've created a https://gist.github.com/olivergeorge/aa3b7dd8d8826b595bcca293cac6c3bc.

2021-02-11T05:48:16.120900Z

In the interests of completeness, I've now also been told about a Tailwind-ish approach: https://github.com/HealthSamurai/macrocss

2021-02-11T06:39:27.121500Z

And another related library (done in the last 5 hours ?): https://github.com/wilkerlucio/tailwind-garden

2🙌
2021-02-11T09:59:43.122100Z

@mikethompson I might be 2 days ~ 2 weeks away from a first release of Girouette, currently working on a CSS classes extraction tool.

2021-02-11T10:01:13.122400Z

However, you can already use Girouette as it is on the master branch. The only issue is that the CSS extraction is not final.

2021-02-11T12:05:03.122600Z

And there's also lambdaisland's approach called ornament: https://github.com/lambdaisland/webstuff/blob/main/src/lambdaisland/ornament.cljc

1👍
borkdude 2021-02-11T12:11:35.123Z

Just for completeness, here's another CSS lib from the (g)olden days: https://github.com/cdaddr/gaka (this one also happens to work with babashka)

1😮
vanelsas 2021-02-11T13:14:07.123700Z

vanelsas 2021-02-11T13:14:41.123900Z

I've managed to solve the problem. The code above works for me.

grazfather 2021-02-11T18:33:55.126200Z

hey guys. I don’t know anything near modern js, and I don’t know cljs, but I have a bit of a project idea and I’d like to do both the front and back end in clj[s]. It mostly deals with collecting and presenting datat. Wondering if any of you guys have suggestion on what library I might use on the front end to show the data. Specifically I want a line graph low water threshold, and maybe shading based ontime of day (on x). Literally just a temperature plot of indoor vs outdoor

grazfather 2021-02-12T13:32:09.139200Z

Yeah, I wasn’t even aware of Vega, but last night I did some playing around with Oz, which wraps vega and vega light, and it might fit the bill. Will try to find some D3 lib.

p-himik 2021-02-11T19:55:46.126500Z

If you mean plotting library, then I'm pretty happy with Vega. There are also some wrappers for D3, although you could use it directly via interop.

2021-02-11T21:00:40.126700Z

If you don't need JVM support, there are these wrappers of emotion and styled-components: https://github.com/dvingo/cljs-emotion https://github.com/dvingo/cljs-styled-components

1👍