[rvdm]

Another great article! The Kadira team is on fire.

I have been working on a descent sized React.js commerce platform. While I was able to get past writing HTML tags that should be as simple as

<div>Product</div>

using this instead

React.createElement(

  'div'

  {},

  'Product'

);

I could justify this overhead in development time and effort because of React's obvious advantages ( Universal rendering!! ).

However when I started adding in styles using Radium I found myself more frustrated than delighted. There are a lot of situations where writing styles in javascript becomes very inelegant very quickly. While basic CSS is far from perfect, I genuinely felt like I took a step back with Radium and reverted back to the legacy CSS stylesheets I had from our previous iteration.

I do have to note the version of Radium I was using inlined all the styles, I do like the new approach Radium is using a lot better, however I'll likely end up converting my legacy CSS to CSS modules, which has my winning vote for the moment as well.

Thank you for opening up the conversation here. All things considered I'm still not sure if CSS modules are really the holy grail. Curious to see what the future will bring for CSS + JS.