Summary

Learning how to create a component lib

npm-link: https://www.npmjs.com/package/@vittxr/button-lib

Usage

1. Run yarn add @vittxr/button-lib or npm i @vittxr/button-lib
2. Sample code:

import './App.css'
import { Button } from '@vittxr/button-lib'

function App() {
  return (
    <>
      <Button variant='filled'>
        testing @vittxr/button-lib button
      </Button>
    </>
  )
}

export default App

Publish

npm publish --access public

References:

• Youtube - Build Your Own Component Library Using React, Tailwind, Storybook and TypeScript
• Github - tailwind-typescript-component-library
• TSDX - docs
• Stackoverflow - How to install an npm package from GitHub directly
• Stackovewflow - Error running storybook - sh: 1: start-storybook: not found
• Storybook 8
• Vite - Install vite