https://github.com/brandon-schabel/react-component-lib-template

This is a Storybook 7 React component library template that you can use to develop your own library. Includes a blog post that runs through all the setup if you're curious about the nitty gritty details.
https://github.com/brandon-schabel/react-component-lib-template

react storybook tailwindcss typescript

Last synced: 2 months ago
JSON representation

This is a Storybook 7 React component library template that you can use to develop your own library. Includes a blog post that runs through all the setup if you're curious about the nitty gritty details.

• Host: GitHub
• URL: https://github.com/brandon-schabel/react-component-lib-template
• Owner: brandon-schabel
• Created: 2022-12-19T04:38:41.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-03-22T17:08:23.000Z (almost 2 years ago)
• Last Synced: 2024-08-01T19:35:35.430Z (5 months ago)
• Topics: react, storybook, tailwindcss, typescript
• Language: CSS
• Homepage: https://medium.com/better-programming/build-a-custom-react-component-library-with-storybook-7-beta-and-vite-4-in-2023-c52db4d733c0
• Size: 691 KB
• Stars: 22
• Watchers: 3
• Forks: 7
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• my-awesome-list - react-component-lib-template - schabel | 22 | (CSS)

README

        
## React Storybook With TypeScript and Tailwind for styling

Storybook, React, Tailwind, and TypeScript are all powerful tools that can be combined to create a powerful web application. Storybook provides developers with a way to quickly prototype and develop components in isolation, while React provides the tools to quickly build out a web application. Tailwind provides a library of pre-built UI components and utility classes, while TypeScript adds type safety and autocompletion to the development process. Together, these tools provide developers with the tools they need to quickly and easily build complex, modern web applications.

## Blog Post

Checkout the [**blog post for this project**](https://medium.com/better-programming/build-a-custom-react-component-library-with-storybook-7-beta-and-vite-4-in-2023-c52db4d733c0) if you're curious about any of the decisions or how anything was setup:

# Setup

`npm install`

# Start

`npm run storybook`

# Build/Bundle Component Library

`npm run build`

# Build/Bundle Storybook For Deployment

`npm run build-storybook`