First thing I had to do with was to package up Radium for cljsjs/packages. By now I have enough experience in packaging up React components using Webpack for UMD consumption. This now lives as cljsjs.radium.
Next, I had to figure out how to use Radium from ClojureScript. In the examples, Radium seemed to be heavily using ES2016 decorators. Luckily they also had support for
React.createClass based versions.
Below is a simple example of using Radium with Reagent
This example shows how easy is to use the
hover css property in a React component. To do with with plain React or Reagent, isn’t trivial without resorting to a CSS file.
The key thing is that I converted a Reagent button component to a React component (using
reagent/reactify-component), then passed it through Radium and then converted it back to something which I consume in reagent (using
This example is also in a GitHub repository here.
Till next time!