Skip to content

kossnocorp/CSS-IN-JS-Benchmarks

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CSS in JS Benchmarks

Big Table

gif

Big Table examples, use:

  • react + css
  • aphrodite
  • glamorous
  • glam
  • fela
  • react-jss
  • radium
  • 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+
  • Install lerna and yarn (optional)
  • lerna bootstrap or lerna bootstrap --npm-client=yarn - install deps in packages
  • npm i
  • lerna run build - make builds for all packages
  1. Create an appropriate folder for your CSS in JS new implementation. Use react as example of boilerplate.
  2. Add description for your CSS in JS in package.json. Example
  3. Add your solution for Table.js file.
  4. 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. =^.^=

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 83.7%
  • HTML 16.0%
  • CSS 0.3%