Giters

nialloc9 / css-in-js-comparison

A project to analysis the bundle sizes generated from 3 different css in js libraries.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Proof of concept for css in js

css in js

Prerequisites

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

time to compile

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

size

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

About

A project to analysis the bundle sizes generated from 3 different css in js libraries.

Languages

Language:JavaScript 100.0%