🍭 CSS in React

Learn the best frameworks by example

Cheat Sheet

Requirements

• node - version 6
• yarn or npm

Usage

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

Sections

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

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

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