Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/tuchk4/css-in-js-app

There is React application with implemented different css-in-js approaches
https://github.com/tuchk4/css-in-js-app

Last synced: 17 days ago
JSON representation

There is React application with implemented different css-in-js approaches

Awesome Lists containing this project

README

        

# Css in JS App

### [tuchk4.github.io/css-in-js-app](https://tuchk4.github.io/css-in-js-app)

There is React application with implemented different css-in-js approaches:

- [Aphrodite](https://github.com/Khan/aphrodite)
- [Emotion](https://github.com/emotion-js/emotion)
- [Fela](https://github.com/rofrischmann/fela)
- [Glamor](https://github.com/threepointone/glamor)
- [glamorous](https://github.com/paypal/glamorous)
- [JSS](https://github.com/cssinjs/jss)
- [rockey](https://github.com/tuchk4/rockey)
- [styled-components](https://github.com/styled-components/styled-components)
- [styletron](https://github.com/rtsao/styletron)
- and example with React inline styles

Each bundle is lazy initializing (so for better results update page before test to keep initialized only current bundle). Also
there are:

- Timers for rendering 4000 same components and 4000 different components with styles defined in JS.
- Checkbox to switch `primary` property
- Input to change text
- Links to source code of each bundle

![CSS in JS Screenshot](https://monosnap.com/file/CQNzOFX3vXqlf00drV0QMHgtaHM5X9.png)