Skip to content

🍭 CSS in React - Learn the best CSS in JS frameworks by example

Notifications You must be signed in to change notification settings

joeshub/css-in-react

Repository files navigation

🍭 CSS in React

Learn the best frameworks by example

Requirements

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

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