Using Styled JSX With React

How and why you should use styled-jsx for your React SPA and SSR apps.

Styled JSX is a CSS-in-JS library that allows you to write encapsulated and scoped CSS to style your components. The styles you introduce for one component won't affect other components, allowing you to add, change and delete styles without worrying about unintended side effects.

As I was looking for ways to package my components, I found that Rollup was a great tool to get the job done neatly and quickly.

I recorded a quick video to show you an awesome CSS-in-JS solution that is styled-jsx. Check it out!