sorted by rerender time
| Solution | Use CSS | Use Inline-Styles | Mount Time (ms) | Rerender time (ms) |
|---|---|---|---|---|
| react (without styles) | - | - | 17.68 | 54.5 |
| emotion-css-mode | + | + | 29.31 | 61.09 |
| styled-jsx | + | + | 33.97 | 63.85 |
| aphrodite | + | + | 37.92 | 68.98 |
| cxs | + | + | 30.94 | 69.21 |
| styled-jss-w-o-plugins | + | - | 89.94 | 79.07 |
| styled-components-v1-inline-styles | + | + | 79.93 | 83.8 |
| styled-components-v2-inline-styles | + | + | 81.87 | 85.16 |
| emotion-inline-mode | + | - | 68.21 | 85.62 |
| emotion-simple | + | - | 64.95 | 86.43 |
| styled-jss | + | - | 119.61 | 90.87 |
| styled-components-v2-plugin-inline-styles | + | + | 91.6 | 91.01 |
| glamorous | + | - | 144.71 | 216.96 |
| react-jss | + | - | 140.9 | 242.18 |
| glamorous-glamour-css | + | - | 195.68 | 314.95 |
| styled-components-v2-plugin-decouple-cell | + | - | 935.17 | 2,297.57 |
| styled-components-v2-decouple-cell | + | - | 886.16 | 2,459.95 |
| styled-components-v2-plugin | + | - | 1,263.42 | 3,326.45 |
| styled-components-v2 | + | - | 1,260.35 | 3,424.29 |
| styled-components-v1 | + | - | 1,401.69 | 3,660.68 |
| styled-components-v1-decouple-cell | + | - | 1,455.37 | 3,722.98 |