Awesome
CSS in JS Benchmarks
Big Table
Big Table examples, use:
- react + css
- aphrodite
- glamorous
- glam
- fela
- react-jss
- radium
- react-native-web
- rockey
- styled-components
- styled-jsx
- styletron
- etc
Average results are here.
New demos and benchmarks will be soon :)
Contribution
Here is a little contributing guild:
- Use
node
version^7.9
(i.e. use7.9
or newer, but not as new as8
) - Install
lerna
andyarn
(optional) lerna bootstrap
orlerna bootstrap --npm-client=yarn
- install deps in packagesnpm i
lerna run build
- make builds for all packages
- Create an appropriate folder for your CSS in JS new implementation. Use react as example of boilerplate.
- Add description for your CSS in JS in package.json. Example
- Add your solution for Table.js file.
- Run benchmarks:
npm run benchmark
. To tun tests for specific packageor -npm run benchmark -- rockey styled-jss radium
Add your favorite CSS in JS implementation! Your contributions and suggestions are heartily welcome. =^.^=