5 ways to style React components in 2019

Click for: original source

An article by Jonathan Saring about styling of building blocks of user interfaces in React in 2019. As visual elements, styling them is a big part of how application actually meets our users, and composes the way our brand and product looks and feels.

Choosing the right method for styling components isn’t an absolute truth. It’s a relative choice that should serve your use case, personal preferences and above all architectural goals of the way you work

The article then describes in the detail how to style components using these techniques:

  • Inline CSS
  • CSS in JavaScript
  • Styled Components
  • CSS Modules
  • Stylable

When scaling our codebase, our styling method is the key to balancing modularity and avoiding common scaling issues which can compromise our development velocity. Good read!

[Read More]

Tags react javascript web-development programming