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 |