React - Styling

Styling a component in React.

Traditional CSS-file-based styling with the import of stylesheet (with SASS, PostCSS, ..)

SSR does not like it very much.

See React - Style Attribute

• No Pseudo Classes/Element
• No Media Query
• No Vendor Autoprefixing
• No Animation / Keyframes
• !important for override
• No Style fallback
• Performance ? Larger HTML, larger JS

CSS - CSS In Js

• React - Styled Component
• Aphrodite, ..

• https://facebook.github.io/react/docs/dom-elements.html
• https://facebook.github.io/create-react-app/docs/adding-a-stylesheet