Using Emotion With React

In this article, we will compare styled-components and Emotion, including differences, drawbacks, and benefits.

I’ve been doing a bit of refactoring this week at Sentry and I noticed that we didn’t have a generic List component that we could use across projects and features. So, I started one, but here’s the rub: we style things at Sentry using Emotion, which I have only passing experience with.

Emotion is a library for authoring and composing CSS rulesets in a performant way. Here's how to get started using it with Gatsby.

In this episode, Adam talks to Mitchell Hamilton about writing your styles directly in your JavaScript components using the CSS-in-JS library Emotion.

CSS in JS – is it good, is it bad? Una and Chris discuss this still unresolved debate.

Kye Hohenberger is the author of the Emotion JavaScript library, a popular choice among React developers who prefer using CSS-in-JS to traditional CSS stylesheets. In this episode we discuss his work on Emotion including where he got the initial inspiration for the project and his motivation for creating it. We also discuss the future of the project and what may be in store for the future of CSS-in-JS.

CSS-in-JS library designed for high performance style composition

Useful interpolated functions for styled-components, emotion, JSS and other CSS-in-JS libraries.