5min chapter

Modern Web cover image

Building a Design System with Paige Kelley

Modern Web

CHAPTER

How to Hand Roll Out a Component Library

We have a really good set of front end developers that's been using our library, giving us some GitHub issues internally to work on. So we have two ways you could interact with our components. First, we're using Storybook. If you want to like actually play with them, pass in the props and see what it looks like for those different things. The other way you could as a developer interact with it is we have a documentation site. We actually found like it had a double benefit that we didn't see coming, which is I built our doc site using the component library. Also, I was finding bugs that I would have never found inside a storybook because the components were isolated

00:00

Get the Snipd
podcast app

Unlock the knowledge in podcasts with the podcast player of the future.
App store bannerPlay store banner

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode

Save any
moment

Hear something you like? Tap your headphones to save it with AI-generated key takeaways

Share
& Export

Send highlights to Twitter, WhatsApp or export them to Notion, Readwise & more

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode