frontend.blog

Building Component Libraries with Tailwind and TSDX

Blog post

This week, we discuss building component libraries with Tailwind, React, and TSDX. 

Check out the video version of the podcast to see the blog post sections as we discuss!

Video Podcast

Chapters:

0:42 - TSDX 

1:24 - Tailwind

2:46 - HeadlessUI

6:04 - What TSDX Includes

7:09 - Tailwind + PostCSS Setup

9:59 - Building in Storybook

12:11 - Less dependencies, the better!

16:39 - Tips for pickup up Tailwind

18:22 - HeadlessUI + Tailwind

20:12 - Building Tailwind for Production

21:41 - Publishing to NPM

24:02 - The Example Playground

26:12 - TypeScript or JavaScript!

28:16 - Component Building Process

30:05 - Conclusion