Logo

Github

LinkedIn

Home

January 22, 2020

4 min read

Understanding Component-Oriented Styling using Styletron

In this tutorial, we'll learn about the problems with styling React applications and how we can solve them using Styletron.

Table of Contents

Features of Styletron

Styletron has a host of features like:

  1. Defining our own Media Queries And Pseudo Classes
  2. Using CSS Selectors
  3. Using our own Fonts
  4. Using Keyframes
  5. Vendor Prefixes are added by Styletron
  6. Theming
  7. Testing
  8. Debugging

Usages

We can use Styletron with React. It already has examples for using with the following:

  1. React
  2. Gatsby
  3. Nextjs

Conclusion

In this article, we've learnt about Styletron and how it can help us reduce the amount of styles that we ship with our application. I hope that this article helps you in your future projects.