Emotion

Recommendation

Updated

Moved

USE

2021-09-26

→

What is it

Emotion is a framework for using the CSS-in-JS styling technique. It can be used with JavaScript in general, but also provides the package @emotion/react for using it with React specifically.

Emotion provides two alternative ways of using CSS-in-JS, either with plain @emotion/react using the css prop, or with @emotion/styled. At Einride we're using @emotion/styled.

When to use it

Use @emotion/styled as styling framework when building React user interfaces.

How to learn it

See the official installation guide together with documentation for @emotion/styled specifically.