Skip to content

kdooley89/css-in-react

Repository files navigation

🍭 CSS in React

Learn the best frameworks by example

Cheat Sheet

CSS in React Cheat Sheet

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

Workshop Slides

About

🍭 CSS in React - Learn the best frameworks by example

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 85.8%
  • CSS 12.3%
  • HTML 1.9%