You’ve probably heard terms like CSS-in-JS, Styled Components, Radium, and Aphrodite, and you’re left there thinking, “Why is this relevant to me? I’m perfectly happy with CSS-in-CSS (CSS in .css).”

I’m here to shine some light on why this is relevant, and hopefully, we will at least understand the concept, and understand why it’s relevant. With that said, please feel free to use CSS-in-CSS. You are not obligated to use CSS-in-JS. Whatever works best for you and makes you happy is hands down the best solution, always!

CSS-in-JS is a delicate and controversial topic. I’m advocating having an open mind, and considering if this makes sense to you. Ask yourself, “Will it improve my workflow?” In the end, the only thing that matters is to use tools that make you happier and more productive.

I’ve always felt awkward having to maintain a huge folder of stylesheets. I would like to try different approaches. I’ve seen many people asking if there are new styling ideas. CSS-in-JS is, so far, the best concept.

Let’s give CSS-in-JS a shot.