Sign in

At some point, every developer has worked with a front-end framework. Whether it be Bootstrap, Material, or Tailwind, they each come with their own grid system. After years of building component libraries for Amazon, American Express, and Spotify, I find the cleanest implementation to be using Styled System with Emotion or Styled Components.

I’m using this pattern with my website that is open source but created a simplified repository with only the required dependencies.


I included basic snapshots for each component and a single test to make sure that child content is…

Recently I was contracted to assist with rearchitecting three front-end applications to share the same design. As a first step, I wanted to create a React component library used to transition out legacy with new components.

Since the repositories already exist with GitLab, my ideal scenario would be to leverage their native NPM Registry. However, this would require my client to upgrade their plan from Bronze to Silver, meaning a $15/mo per user price increase. A substantial amount, but figured it was worth trying out before committing.

Since the focus of this article is on publishing your NPM package, I’ll…

Jon Black

Hi, I’m Jon — a creator with a technical mind. I consult for startups, coach entrepreneurs, and build digital products. Website —

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store