Creating Your Own UI Library with React and TypeScript

# CHAPTERS #
0:00 Intro
1:26 TypeScript's "jsx" options
1:42 Making a React UI component
1:56 Styled Components
2:36 Making a package with `npm pack`
3:25 Adding a readme
3:42 `npm link`
4:35 Why are other packages so complicated
5:51 What's next

# CREDITS #

---
#NPM #TypeScript #ReactJS

[mohammadanaskhan]

I normally don't comment under videos unless I have genuinely liked it.
will just say - this is how tutorials must be!

[nicolasomar]

Nice way to introduce how to create a library. You go to the simplest way without publishing or link it to a repo.
Also I liked the humor, .

[SnehilCodes]

Loved your video format. Short, informative and fun!

[dennyrachmadi]

I'm excited just by watching the title. kudo's added to my watch later

[andrewiglinski]

Dude this is the best video on this topic on the youtube. It's been a long time since I had to watch a tutorial on something related to React, and people just f-3king go on, and on, and on... like dude.... we don't need to know what typescript is... just show us where you found the configs and what worked for you lol. Either way, I appreciate the help.

[Kwuasimoto]

Bayan I just wanted to say I appreciate the effort you put in to make your video's enjoyable and educational. You provide great content sir

[tszhong]

Thank you! This is the video I wanted to watch. I am trying to create my own UI library and started referring to other repositories. However, I have no idea what they do. You have saved me time. ❤

[imagine_]

Lol, remembering this video and rewatching it actually saved me a lot of time. Thx a lot, a 100% like and subscribe scenario :).

[JawsoneJason]

Wow, this was amazingly simple!

One question: Can we also include storybook in this same repo? I feel like that might complicate this a bit, though?

[iamstrom]

Have you ever tried using useRef() or useMemo() on your own ui library? Then when you import your component, you got this error: `Uncaught TypeError: Cannot read properties of null (reading 'useRef')`

[jaisonj]

Nice video.
I have a small doubt, what if we want to add more components such as input, dropdown, etc, in a single library. How to approach this situation.

Thanks for video, it possible with tailwind? can you make a video?

[alexodan]

cool tutorial bro, it would be nice if u show how to export types, u know the .d.ts file and styles cheers (halp me pls im struggling)

[kaydenhardcastle]

Love this, thank you!

what about using a scss file instead of styled components? I seem to have an issue importing/using external scss documents in an NPM package

[codingman]

video sucks, stop overacting, explain the topic properly