Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
BENCHMARK

Results:

sorted by rerender time

Solution Use CSS Use Inline-Styles Mount Time (ms) Rerender time (ms)
react (without styles) - - 14.5 31.09
react (with inline-styles) - + 23.27 32.28
styled-jsx-inline-styles + + 25.3 32.37
aphrodite + + 29.77 34.05
cxs + + 25.2 34.94
emotion-css-mode + + 27.05 38.78
styled-jss-w-o-plugins + - 73.2 41.63
merge-styles + - 38.95 42.14
styled-jss-w-o-plugins-v2 + - 73.65 42.95
styletron + - 57.1 44.02
rockey-inline + + 51.85 44.52
styled-components-inline-styles + + 60.6 45.46
glam-inline-style + + 25.45 46.39
radium - + 55.25 47.93
glam-simple + - 29.45 50.21
react-css + + 26.65 50.25
emotion-extract-static + + 75.2 50.46
emotion-simple + - 74.97 52.94
styled-jss-v2 + - 97.55 53.01
fela + - 43.6 53.12
styled-jss + - 97.44 55.84
emotion-decouple + - 75.38 65.03
styled-jsx-dynamic + - 86.9 68.69
rockey-speedy + - 67.75 70.86
react-native-web + + 120.87 75.25
styled-components + - 104.4 85.75
styled-components-decouple-cell + - 118.33 86.3
react-jss + - 111.05 89.22
glamorous + - 120.14 103.19
rockey + - 123.57 115.36
glamorous-glamour-css + - 163.7 159.06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment