Build a UI Library with React, Typescript, TailwindCSS and Storybook
🌱 Source Code: https://github.com/CodeWithGionatha-L...
💬 Discord: / discord
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
Watch video Build a UI Library with React, Typescript, TailwindCSS and Storybook online without registration, duration hours minute second in high quality. This video was added by user Code With Gionatha 11 December 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 32,98 once and liked it 1 thousand people.