Create a Design System

This guide will bootstrap a React design system that is publishable to NPM, with the following features:

• Built using Vite
• Component development environment with Storybook
• Typechecking with TypeScript
• Code formatting with Prettier

1. Follow this guide to create a React Library

2. Add Storybook

   1. Install Storybook

      NOTE: Using Storybook next to install the beta version of 7, which has a lot of improvements

      pnpm dlx storybook@next init
      

---

Last update: August 12, 2023
Created: June 3, 2023