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🙂I’m really curious as well about this topic.
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.In the interests of completeness, I've now also been told about a Tailwind-ish approach: https://github.com/HealthSamurai/macrocss
And another related library (done in the last 5 hours ?): https://github.com/wilkerlucio/tailwind-garden
2🙌@mikethompson I might be 2 days ~ 2 weeks away from a first release of Girouette, currently working on a CSS classes extraction tool.
However, you can already use Girouette as it is on the master branch. The only issue is that the CSS extraction is not final.
And there's also lambdaisland's approach called ornament
:
https://github.com/lambdaisland/webstuff/blob/main/src/lambdaisland/ornament.cljc
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😮I've managed to solve the problem. The code above works for me.
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
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.
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.
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👍