Why We Use Styled Components – Hacker Noon

Why We Use Styled Components:  by @_alanbsmith #JavaScript #ReactJS

  • That’s not what CSS-in-JS is about regardless of the hype.Styled Components Isn’t the Right Choice for Every TeamI’m not saying Styled Components is better than Radium, Aphrodite, Glamor, Glamorous, Emotion, or any of the other CSS-in-JS libraries.
  • BEM, SMACSS, and other CSS patterns provide a lot of great guidelines for managing styles.
  • 🎉)From my experience, building a component library is the best way to keep UI consistent and predictable across applications, and CSS-in-JS has been the best tooling available to build these libs.Why We Chose Styled ComponentsWe ❤️ Styled ComponentsWe were drawn to CSS-in-JS for the reasons mentioned above, but Styled Components…
  • Along with the basic Sass support, there’s also Polished, a small toolset created by Styled Components to provide additional Sass functionality and other helpful tooling.Native Mobile SupportOur team is also in the process of developing a native mobile app with React Native.
  • Those conversations will help establish patterns for best-practices leading us to more consistent and predictable UI.Final ThoughtsStyled Components has been great for our team, and I think it could be really useful for a lot of other teams as well.

Unfortunately Twitter is not ideal for providing context and longer explanation, and I thought this might be a good way to follow up. Given that, a lot of this article describes what led to our…
Continue reading “Why We Use Styled Components – Hacker Noon”