akameco / how-to-build-styled-and-emotion

How to build with styled-components and emotion

styled-components/styled-components: Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
emotion-js/emotion: 👩‍🎤 CSS-in-JS library designed for high performance style composition

How

laat/babel-plugin-transform-rename-import: rename imports and requires

.babelrc

plugins: [
  [
    'transform-rename-import',
    {
      original: '^styled-components$',
      replacement: '@emotion/styled',
    },
  ],
],

Related

About