-
Styling in React
https://www.kirupa.com/react/styling_in_react.htm
An introduction to using React's built-in inline styling abilities -
How To Style React
http://andrewhfarmer.com/how-to-style-react/
An excellent overview of the four major ways to deal with styles in React, and what the various tools are. Includes a decision tree to help you decide what to use. -
CSS in JS
http://blog.vjeux.com/2014/javascript/react-css-in-js-nationjs.html
Christopher Chedeau's classic talk that inspired the "CSS in JS" revolution -
Component Based Style Reuse
https://www.youtube.com/watch?v=_70Yp8KPXH8
Pete Hunt talks about various approaches to defining styles for components in plain CSS and in React -
CSS Modules by Example
http://andrewhfarmer.com/css-modules-by-example/
A set of 7 examples demonstrating ways to use CSS modules. -
Elephants, The Three Code Ilities, & Two Months With CSS Modules
http://chrispearce.co/elephants-the-three-code-ilities-two-months-with-css-modules/
A look at how Lystable used CSS Modules to scale their codebase. -
Journey to Enjoyable, Maintainable Styling with React, ITCSS, and CSS-in-JS
https://medium.com/maintainable-react-apps/journey-to-enjoyable-maintainable-styling-with-react-itcss-and-css-in-js-632cfa9c70d6
A long, in-depth article detailing one dev's progression through various approaches to handling CSS. -
Patterns for Style Composition in React
http://jxnblk.com/writing/posts/patterns-for-style-composition-in-react/
Some great suggestions for defining reusable React components that can have variations in styling -
Functional CSS - The Good, The Bad, and Some Protips for React.js Users
https://github.com/chibicode/react-functional-css-protips
An essay describing the "functional CSS" approach, pros and cons of using it, and tips for using that approach with React. -
Thoughts on Inline Styles
https://medium.com/@andrewingram/my-thoughts-on-inline-styles-da94682b5e35
A look at reasons why people might or might not use inline style approaches, and some opinions and suggestions on when to use different approaches. -
Style as a Function of State
https://medium.com/@rofrischmann/styles-as-functions-of-state-1885627a63f7
A look at how styles can be managed similar to UI, and an example using the author's new styling library -
React JS Style Components
https://www.youtube.com/watch?v=gNeavlJ7lNY
A talk describing ways to better compose existing styles in an application, using components. -
Functional CSS From A Pure UI Perspective
https://medium.com/@sharifsbeat/functional-css-from-a-pure-ui-perspective-bd04c8af4fdc
Thoughts on various ways to compose classes and styles together. -
Invidual Paint for your React Components
https://vimeo.com/album/4199344/video/187454103
A talk discussing various approaches to manage styles and themes for React -
Components: A Styling Odyssey
https://speakerdeck.com/alexlande/components-a-styling-odyssey
Slideshow discussing pros and cons of various approaches to managing styles for components -
Styling ReactJS Applications
https://www.youtube.com/watch?v=19gqsBc_Cx0
Max Stoiber's talk at ReactNL 2016, comparing various options for styling React applications and introducing his new library, Styled-Components. -
Scalable Styles in Production JS
https://medium.com/front-end-hacking/scalable-styles-in-production-js-cde88016f357
Some comparisons between various approaches to managing styles (plain CSS, inline styles, CSS-in-JS), and why Aphrodite can help solve some of the issues that come up. -
Writing Your Styles in JS != Writing Inline Styles
http://mxstbr.blog/2016/11/inline-styles-vs-css-in-js
Max Stoiber describes the key difference between "inline styles" and "CSS-in-JS" approaches: styles applied to elements vs styles added to a style tag. -
"Styled Components or Glamor?"
https://www.reddit.com/r/reactjs/comments/5eq8ew/styled_components_or_glamor/
Discussion and comparisons between some different CSS-in-JS libraries -
The magic behind styled-components
http://mxstbr.blog/2016/11/styled-components-magic-explained/
A look at how the styled-components library uses the new ES6 "tagged template literals" feature to interpolate arguments and build up CSS