How to use styled-components in React?

Using styled-components is a very good way of writing CSS in React based applications. In styled-components, we create reusable components inside our javascript files and put CSS code right into them.