Build a UI Library with React, Typescript, TailwindCSS and Storybook
Channel: Code With Gionatha
Date: 2023-12-12

🌱 Source Code: https://github.com/CodeWithGionatha-Labs/simple-ui
💬 Discord:  https://discord.gg/mN8WD6M4dR

In this video, we are going to build a basic React UI Library by using React, TailwindCSS, Typescript, and Storybook. 

Timestamps
00:00 Intro
01:07 Project setup
06:17 Tailwind setup
08:18 Storybook setup
11:34 Creating our first story
15:39 Explaining how styling works
18:23 The cn function
19:37 Adding Button styling
28:03 Adding the `ref` prop
29:55 Implement Text component 
33:10 Adding the `as` prop
40:57 Implement Input component
45:00 Implement Box and Stack components
51:10 Building a Login form screen
56:34 Library final build
01:02:35 Outro

#react #typescript #tailwindcss #storybook #tutorial #programming #ui