Skip to content

Latest commit

 

History

History
44 lines (43 loc) · 3.71 KB

RESULT.md

File metadata and controls

44 lines (43 loc) · 3.71 KB

Results:

sorted by rerender time

Solution Use CSS Use Inline-Styles Mount Time (ms) Rerender time (ms)
react (without styles) - - 18.25 45.01
nano-css (using put() interface) + + 29.6 51.15
react (with inline-styles) - + 30.5 51.42
nano-css (using rule() interface) + + 31.25 53.49
cxs + + 34.9 54.84
styled-jsx-inline-styles + + 37.25 55.42
nano-css (using jsx() interface) + + 42.87 55.93
emotion-css-mode + + 34.43 56.05
react-css + + 35.48 58.44
aphrodite + + 42.7 59.3
nano-css (using styled() interface) + + 44 59.79
nano-css (using drule() interface) + - 35.6 62.18
glam-inline-style + + 34.6 62.88
nano-css (using dsheet() interface) + + 37.7 64.43
styled-jss-w-o-plugins-v2 + - 105.05 70.02
styled-jss-w-o-plugins + - 100.23 71.64
styled-components-inline-styles + + 78.4 71.82
rockey-inline + + 81.7 73.16
nano-css (using styled() interface CSS-only) + - 65.9 74.23
glam-simple + - 41.33 74.63
styled-jss-v2 + - 135.57 78.05
styled-jss + - 134.45 79.81
fela + - 55.3 81.53
nano-css (using sheet() interface) + + 32.7 82.43
emotion-simple + - 108.75 84.71
emotion-extract-static + + 120.85 84.82
emotion-decouple + - 107.45 85.83
radium - + 80.8 89.52
styletron + - 86.43 92.42
merge-styles + - 85.08 96.36
styled-components + - 146.8 96.71
styled-components-decouple-cell + - 187.1 109.68
styled-jsx-dynamic + - 149.23 115.61
react-native-web + + 167.75 122.86
rockey-speedy + - 90.8 155.07
rockey + - 171.6 218.18
react-jss + - 161.8 256.31
glamorous + - 217.15 273.26
glamorous-glamour-css + - 221.8 366.03