sorted by rerender time
| Solution | Use CSS | Use Inline-Styles | Mount Time (ms) | Rerender time (ms) |
|---|---|---|---|---|
| react (without styles) | - | - | 30.68 | 49.72 |
| styled-jsx-inline-styles | + | + | 58.35 | 61.19 |
| react (with inline-styles) | - | + | 52.86 | 62.98 |
| react-css | + | + | 52.97 | 63.78 |
| styled-jss-w-o-plugins-v2 | + | - | 126.98 | 78.7 |
| rockey-inline | + | + | 94.99 | 79.79 |
| styled-jss-w-o-plugins | + | - | 127.15 | 82.22 |
| radium | - | + | 101.56 | 90.47 |
| styled-jss-v2 | + | - | 146.92 | 92.04 |
| aphrodite | + | + | 58.6 | 93.09 |
| emotion-simple | + | - | 117.79 | 93.25 |
| emotion-css-mode | + | + | 53.21 | 93.62 |
| styled-jss | + | - | 163.26 | 98.3 |
| glam-inline-style | + | + | 60.46 | 104.42 |
| styled-components-inline-styles | + | + | 102.66 | 110.87 |
| cxs | + | + | 110.79 | 116.33 |
| emotion-extract-static | + | + | 147 | 119.46 |
| glam-simple | + | - | 67.75 | 122.03 |
| emotion-decouple | + | - | 124.92 | 130.57 |
| styled-components-decouple-cell | + | - | 178.95 | 134.94 |
| fela | + | - | 86.97 | 140.29 |
| rockey-speedy | + | - | 114.71 | 140.56 |
| styled-jsx-dynamic | + | - | 153.31 | 142.63 |
| styletron | + | - | 104.17 | 144.06 |
| react-jss | + | - | 172.67 | 180.61 |
| styled-components | + | - | 181.17 | 182.63 |
| rockey | + | - | 203.02 | 247.86 |
| glamorous-glamour-css | + | - | 267.72 | 311.18 |
| glamorous | + | - | 199.42 | 350.39 |