Creating a Typography System With React and styled-components

Jacy Clare
Jul 18, 2018 · 5 min read
Image by Damian Adrian / CC-BY-SA-3.0

The Problem

First Pass — Typography.js

Incorporating styled-components

Great! We’re done!

Component Bloat

Responsive Woes

Font Size as Props

One solution to rule them all, One solution to find them; One solution to bring them all and in the JavaScript bind them. Image by idreamlikecrazy / CC-BY-2.0

Conclusion

Harry's Engineering

The engineering blog of Harry's