Using Emotion With React

Emotion is a performant and flexible CSS-in-JS library. More info

Articles & Tutorials

Getting started with Emotion and Gatsby (christopherbiscardi.com)
Jan 27, 2019
Emotion is a library for authoring and composing CSS rulesets in a performant way. Here's how to get started using it with Gatsby.
  • Chris Biscardi

Podcast Episodes

CSS in JS (spec.fm)
May 29, 2018
CSS in JS – is it good, is it bad? Una and Chris discuss this still unresolved debate.
  • Una Kravets
  • Chris Dhanaraj
Emotion with Kye Hohenberger (reactpodcast.com)
May 15, 2018
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.

Libraries

emotion (emotion.sh)7057
v10.0.9
Mar 11, 2019
CSS-in-JS library designed for high performance style composition
  • Mitchell Hamilton
styled-tools (github.com)592
v1.7.1
Jan 22, 2019
Useful interpolated functions for styled-components, emotion, JSS and other CSS-in-JS libraries.
  • Diego Haz