Creating Your Own UI Library with React and TypeScript
In this tutorial, we dive into the process of creating a UI library using React and TypeScript. We'll walk you through setting up your project, initializing npm, creating a tsconfig.json file, and installing styled components. You'll also learn how to pack your project into an npm package and test it without publishing to the npm package repository. This is a great start for anyone looking to create their own packages or libraries in React.
📰 Article: https://www.bayanbennett.com/posts/ma...
CHAPTERS #
0:00 Intro
0:15 `npm init` to create a `package.json` file
0:42 Create `tsconfig.json`
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 #
fantompower - Vitamin D https://chll.to/2409d90c
---
#NPM #TypeScript #ReactJS