sorted by rerender time
| Solution | Use CSS | Use Inline-Styles | Mount Time (ms) | Rerender time (ms) |
|---|---|---|---|---|
| react (without styles) | - | - | 22.79 | 40.97 |
| cxs | + | + | 36.85 | 49.86 |
| react-css | + | + | 38.99 | 52.89 |
| styled-jsx | + | + | 84.23 | 53.18 |
| aphrodite | + | + | 45.57 | 54.81 |
| glam-inline-style | + | + | 38.26 | 54.89 |
| styled-jss-w-o-plugins | + | - | 103.54 | 67.74 |
| rockey-inline | + | + | 95.87 | 71.23 |
| glam-simple | + | - | 42.33 | 73 |
| styled-components-v1-inline-styles | + | + | 102.2 | 75.57 |
| fela | + | - | 66.39 | 79.97 |
| styled-jss | + | - | 143.23 | 80.43 |
| styled-components-v2-plugin-inline-styles | + | + | 121.93 | 80.84 |
| styled-components-v2-inline-styles | + | + | 136.05 | 82.38 |
| styletron | + | - | 94.12 | 82.49 |
| radium | - | + | 98.97 | 84.26 |
| rockey-speedy | + | - | 99.08 | 158.73 |
| rockey | + | - | 189.1 | 226.46 |
| glamorous | + | - | 207.32 | 227.43 |
| react-jss | + | - | 186.07 | 277.93 |
| glamorous-glamour-css | + | - | 271.49 | 327.43 |
| styled-components-v2-plugin-decouple-cell | + | - | 1,088.63 | 2,371.14 |
| styled-components-v2-decouple-cell | + | - | 1,178.78 | 2,828.74 |
| styled-components-v2 | + | - | 1,395.39 | 3,470.15 |
| styled-components-v2-plugin | + | - | 1,418.08 | 3,492.55 |
| styled-components-v1-decouple-cell | + | - | 1,614.71 | 3,744.58 |
| styled-components-v1 | + | - | 1,619.19 | 4,085.29 |