Skip to content

Instantly share code, notes, and snippets.

@justinlazaro-ubidy
Forked from timneutkens/new.md
Created February 1, 2018 00:48
Show Gist options
  • Save justinlazaro-ubidy/7d9afc49084a4cbcc1c07b13cf6369b7 to your computer and use it in GitHub Desktop.
Save justinlazaro-ubidy/7d9afc49084a4cbcc1c07b13cf6369b7 to your computer and use it in GitHub Desktop.

New Results:

sorted by rerender time

Solution Use CSS Use Inline-Styles Mount Time (ms) Rerender time (ms)
react (without styles) - - 16.11 29.96
styled-jsx-static + - 25.27 42.24
emotion-extract-static + + 52.29 44.79
react-css + + 28.17 46.18
styletron + - 53.03 47.36
aphrodite + + 37.64 57.75
radium - + 56.37 58.36
styled-jss-w-o-plugins + - 76.8 58.49
styled-components-v2-plugin-inline-styles + + 76.28 58.98
styled-jsx-dynamic + - 82.73 63.89
glam-simple + - 31.85 65.6
rockey-inline + + 67.41 67.09
emotion-css-mode + + 35.65 68.74
glam-inline-style + + 35.92 69.95
styled-jss + - 95.91 74.13
cxs + + 39.01 84.07
emotion-simple + - 106.02 89.34
fela + - 53.85 93.62
rockey-speedy + - 63.61 122.65
glamorous + - 119.82 175.6
react-jss + - 117.11 199.65
glamorous-glamour-css + - 170.83 267.94
rockey + - 199.93 288.93
styled-components-v2-plugin-decouple-cell + - 917.76 2,139.01
styled-components-v2-plugin + - 1,111.39 2,563.19

Old Results:

sorted by rerender time

Solution Use CSS Use Inline-Styles Mount Time (ms) Rerender time (ms)
react (without styles) - - 15.91 28.22
react (with inline-styles) - + 22.05 32.46
emotion-css-mode + + 25.71 33.38
cxs + + 24.13 34.26
emotion-extract-static + + 40.82 35.58
react-css + + 25.91 35.94
styled-jsx + + 30.98 36.38
aphrodite + + 30.33 37.09
glam-inline-style + + 25.48 44.85
styled-jss-w-o-plugins + - 68.94 45.34
rockey-inline + + 55.41 47.79
styled-components-v2-plugin-inline-styles + + 64.5 49.37
radium - + 55.61 49.55
glam-simple + - 30.5 51.87
styled-jss + - 95.86 52.43
rockey-speedy + - 76.76 59.96
styletron + - 67.49 60.54
emotion-simple + - 91.01 62.74
react-jss + - 109.1 63.78
fela + - 54.77 93.51
glamorous + - 120.82 144.66
rockey + - 131.86 179.27
glamorous-glamour-css + - 157.25 198.57
styled-components-v2-plugin-decouple-cell + - 741.01 1,701.78
styled-components-v2-plugin + - 957.26 2,383.78
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment