Proof of concept for css in js

Prerequisites

• install node: https://nodejs.org/en/download

Install

    npm i -g yarn

    git clone git@github.com:nialloc9/emotion-vs-styled-components-vs-styletron-bundle-analysis.git

    cd emotion-vs-styled-components-vs-styletron-bundle-analysis

    npm install

Run

    npm run compile

    npm run compare

Questions to answer?

• Which library produces the smallest bundle?

• Which has the fastest compile time?

Answers

• Styletron is fastest to compile with styled-components taking the longest.

• Emotion is biggest to compile with styled-components the smallest.