How to start using Styled Components in React

If you use ReactJS, styled-components is a great library to help you perform CSS-in-JS. They have tools that making coding easier by letting you dynamically update styling via props, easy to use CSS syntax, browser compatible, and more more. This tutorial on styled components will cover all the basics to get you up and running.

We will take a look at:

• Creating styled components
• Using css in javascript
• Passing props to change the styling
• Using state to dynamically change styling
• Extending styled components