RESULT.md

March 12, 2018 ยท View on GitHub

Results:

sorted by rerender time

SolutionUse CSSUse Inline-StylesMount Time (ms)Rerender time (ms)
react (without styles)--17.2539.11
react (with inline-styles)-+32.851.68
styled-jsx-inline-styles++40.6754.32
emotion-css-mode++40.254.91
cxs++39.8755.28
react-css++39.355.39
aphrodite++42.2555.48
glam-inline-style++41.7557.22
glam-simple+-42.6772.69
merge-styles+-59.275.77
styled-components-inline-styles++97.678.03
styled-jss-w-o-plugins-v2+-119.978.11
styled-jss-w-o-plugins+-122.678.53
rockey-inline++98.5379.01
fela+-75.5284.82
styletron+-98.685.69
radium-+99.4789.19
styled-jss-v2+-165.491.07
styled-jss+-166.0593.51
emotion-extract-static++126.3393.66
emotion-decouple+-142.8596.36
emotion-simple+-138.0896.94
styled-jsx-dynamic+-155.1122.89
react-native-web++238.72140.16
styled-components+-182146.84
styled-components-decouple-cell+-213.53152.39
rockey-speedy+-114.3187.27
rockey+-213.32274.72
glamorous+-205.7283.68
react-jss+-198.97297.74
glamorous-glamour-css+-278.7407.91