https://github.com/shubhadip/react-vite-component-library

Template to create component library with ReactJs, Typescript, Tailwind, Vite, Playwright, Storybook.
https://github.com/shubhadip/react-vite-component-library

commitlint component-library javascript library postcss reactjs semantic-release storybook tailwind tailwindcss template typescript vite vitejs

Last synced: about 1 month ago
JSON representation

Template to create component library with ReactJs, Typescript, Tailwind, Vite, Playwright, Storybook.

• Host: GitHub
• URL: https://github.com/shubhadip/react-vite-component-library
• Owner: shubhadip
• Created: 2023-05-26T07:07:25.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-22T10:35:23.000Z (about 1 year ago)
• Last Synced: 2024-03-22T21:08:21.169Z (8 months ago)
• Topics: commitlint, component-library, javascript, library, postcss, reactjs, semantic-release, storybook, tailwind, tailwindcss, template, typescript, vite, vitejs
• Language: TypeScript
• Homepage:
• Size: 556 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
# This is a template to create React Components Library

**Technology Used:**\

 React\

 Typescript\

 Vite\

 Tailwind\

 Playwright\

 StoryBook 7

## Project setup

Please follow below mentioned step to run this project:

- Clone the repo

```shell

https://github.com/shubhadip/react-vite-component-library

```

### Install

```

npm install

```

### storybook Development

```

npm run storybook

```

### Build Library

```

npm run build

```

### Run Playwright Tests

```

npm run test

```

## Usage Of Components

import { AppButton } from 'react-vite-component-library/appbutton'

...

...

## Usage Of Utilities & Types

...

import { ButtonThemes } from 'react-vite-component-library'

...

## Usage Of Exported tailwind-base.config.js

exported tailwind config can be used via tailwind [preset](https://tailwindcss.com/docs/presets)