danielnunez / css-in-js

React — Formas de diseñar componentes de React, desde estilos en línea hasta CSS in JS

You can see the tutorial here

Tutorial

You can see a live demos

• Inline styles
• CSS standard
• With SASS
• With CSS Modules
• With Styled Components
• With Style Components and ThemeProvider
• With Emotion
• With Emotion and ThemeProvider
• With Fela
• With Fela and ThemeProvider
• With Aphrodite
• With Aphrodite and React with Styles
• With Styletron
• With Styletron and Custom ThemeProvider
• With React JSS
• With React JSS and ThemeProvider

Download demo by branch and commits

• Styled Components
• Emotion
• Fela
• Aphrodite
• Styletron
• React JSS

Available Scripts

In the project directory, you can run:

yarn start

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

This project was bootstrapped with Create React App.