sorted by rerender time
| Solution | Use CSS | Use Inline-Styles | Mount Time (ms) | Rerender time (ms) |
|---|---|---|---|---|
| react (without styles) | - | - | 17.25 | 39.11 |
| react (with inline-styles) | - | + | 32.8 | 51.68 |
| styled-jsx-inline-styles | + | + | 40.67 | 54.32 |
| emotion-css-mode | + | + | 40.2 | 54.91 |
| cxs | + | + | 39.87 | 55.28 |
| react-css | + | + | 39.3 | 55.39 |
| aphrodite | + | + | 42.25 | 55.48 |
| glam-inline-style | + | + | 41.75 | 57.22 |
| glam-simple | + | - | 42.67 | 72.69 |
| merge-styles | + | - | 59.2 | 75.77 |
| styled-components-inline-styles | + | + | 97.6 | 78.03 |
| styled-jss-w-o-plugins-v2 | + | - | 119.9 | 78.11 |
| styled-jss-w-o-plugins | + | - | 122.6 | 78.53 |
| rockey-inline | + | + | 98.53 | 79.01 |
| fela | + | - | 75.52 | 84.82 |
| styletron | + | - | 98.6 | 85.69 |
| radium | - | + | 99.47 | 89.19 |
| styled-jss-v2 | + | - | 165.4 | 91.07 |
| styled-jss | + | - | 166.05 | 93.51 |
| emotion-extract-static | + | + | 126.33 | 93.66 |
| emotion-decouple | + | - | 142.85 | 96.36 |
| emotion-simple | + | - | 138.08 | 96.94 |
| styled-jsx-dynamic | + | - | 155.1 | 122.89 |
| react-native-web | + | + | 238.72 | 140.16 |
| styled-components | + | - | 182 | 146.84 |
| styled-components-decouple-cell | + | - | 213.53 | 152.39 |
| rockey-speedy | + | - | 114.3 | 187.27 |
| rockey | + | - | 213.32 | 274.72 |
| glamorous | + | - | 205.7 | 283.68 |
| react-jss | + | - | 198.97 | 297.74 |
| glamorous-glamour-css | + | - | 278.7 | 407.91 |