Learn the best frameworks by example

CSS in React Cheat Sheet

• node - version 6
• yarn or npm

1. Fork and clone this repo
2. yarn install
3. yarn start
4. Open http://0.0.0.0:3333

1. React with CSS loader
2. React using inline styles
3. Radium
4. Aphrodite
5. React-css-modules with PostCSS
6. Styletron
7. Styled Components
8. Emotion
9. Stylable
10. Glamor
11. React JSS
12. Glamorous
13. DeCSS

• Each folder contains a button example for learning the basics of that framework and to show what features it supports.

• 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

• Workshops have a separate solutions complete with code and implementation steps in the README

• To get started check out the slides for this workshop which was given at SXSW 2017