https://github.com/rayyamhk/vite-react-component-library-starter

Starter template for React component library
https://github.com/rayyamhk/vite-react-component-library-starter

Last synced: about 1 month ago
JSON representation

Starter template for React component library

• Host: GitHub
• URL: https://github.com/rayyamhk/vite-react-component-library-starter
• Owner: rayyamhk
• License: mit
• Created: 2023-12-16T07:38:35.000Z (5 months ago)
• Default Branch: master
• Last Pushed: 2023-12-17T06:20:25.000Z (5 months ago)
• Last Synced: 2024-01-26T10:11:13.598Z (4 months ago)
• Language: TypeScript
• Size: 141 KB
• Stars: 8
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-vite - vite-react-component-library-starter - A starter template for creating React component libraries with `TypeScript`, `Tailwind CSS`, `Storybook`, `Vitest`, `ESLint`, `Prettier`, `Husky`, and `GitHub Action`. (Get Started / Templates)
• jimsghstars - rayyamhk/vite-react-component-library-starter - Starter template for React component library (TypeScript)

README

        
# Vite React Component Library Starter

This is a starter template for creating React component libraries using Vite. It includes a robust set of features to help you develop, test, and build your library efficiently.

## Features

- React: A JavaScript library for web and native user interfaces.

- TypeScript: A strongly typed superset of JavaScript.

- Tailwind: A utility-first CSS framework.

- Storybook: A frontend workshop for building UI components and pages in isolation.

- Vite: A next generation frontend tooling that runs and builds your library incredibly fast.

- Vitest: A next generation testing framework.

- ESLint: A tool that finds and fixes problems in your code.

- Prettier: A code formatter.

- Husky: A pre-commit hook.

- Github Action: A tool that deploys your Storybook to GitHub page automatically.

## Get Started

1. Clone this repository

2. Install dependencies using `npm i` (or `pnpm i` if you like)

## Scripts

- `dev`: Starts the local Storybook server, use this to develop and preview your components.

- `test`: Runs all your tests with vitest.

- `test:watch`: Runs tests in watch mode.

- `test:ui`: Runs tests with a UI.

- `test:coverage`: Runs tests and generates a coverage report.

- `build`: Builds your Storybook as a static web application.

- `build:lib`: Builds your component library with Vite.

- `lint`: Runs ESLint.

- `format`: Formats your code with Prettier.

## License

MIT