🍭 CSS in React
Learn the best frameworks by example
Cheat Sheet
Requirements
Usage
- Fork and clone this repo
yarn install
yarn start
- Open http://0.0.0.0:3333
Sections
-
React with CSS loader
-
React using inline styles
- Radium
- Aphrodite
-
React-css-modules with PostCSS
- Styletron
- Styled Components
- Emotion
- Stylable
- Glamor
- React JSS
- Glamorous
- DeCSS
How this project is organized
Buttons
- Each folder contains a button example for learning the basics of that framework and to show what features it supports.
Workshops
- Some folders folder also contains a workshop with challenges explained in the README
- Currently there are workshops for:
- Radium
- React CSS Modules with PostCSS
- Styled Components
Solutions
- Workshops have a separate solutions complete with code and implementation steps in the README
Workshop Slides