matthieu-beteille / cljs-css-modules Goto Github PK

I like that this library works on both server and client side. Yesterday I've been messing around with universal rendering using Rum and like that I can get styles generated on the server and client. The only issue right now that I'm having is because the names are slightly different on the server and client I get a React warning where because things don't match up I lose the server rendering benefits:

Warning: React attempted to reuse markup in a container but the checksum was invalid.
This generally means that you are using server rendering and the markup generated on
the server was not what the client was expecting. React injected new markup to
compensate which works but you have lost many of the benefits of server rendering.
Instead, figure out why the markup being generated is different on the client or
server:
 (client) class="container--G__40510"
 (server) class="container--G__12410"

I'm wondering if there could be an approach to get consistent class names.

Are there plans to support style composition? Details here.

Or is this functionality already included? I didn't see anything related to composes in the source.

Thanks! 👍

I'm getting this in the repl.
clojure.lang.Compiler$CompilerException: java.lang.RuntimeException: Unable to resolve symbol: defstyle in this context, compiling:(/var/folders/yq/n5bg23w14_73jpfnb1zvn0vw0000gn/T/boot.user2040401869853839340.clj:1:1) java.lang.RuntimeException: Unable to resolve symbol: defstyle in this context

Firstly I would like to say thank you! I've been waiting for someone to bring this to the Clojure ecosystem.

I'm currently working on generating static sites to host on Netlify using Rum and Boot. Having CSS Modules is the last piece of the puzzle to the devflow I am striving for. Is this something on the road map? How long would it take? If it is possible to come soon I am prepared to start using it now and allow my site to be used as an example.