Create React UI Lib

A CLI tool that bootstraps simple Vite template for painless React UI library development.

• Unopinionated: no default styling, mandatory ESLint, pre-commit hooks — bring your own stuff if you need it.
• Type definitions are extracted using vite-plugin-dts.
• Bundles to ES and UMD modules, generates sourcemaps.
• Uses Storybook or Ladle for docs which are easily deployed as GitHub pages.
• Optional ESLint with recommended settings for each of these plugins: typescript, prettier, react, react-hooks, jsx-a11y.

Getting started

Run the command:

npm create react-ui-lib@latest

Publishing the library

1. Build the package: npm run build
2. Open package.json, update package description, author, repository, remove "private": true.
3. Run npm publish

Publishing Storybook to GitHub pages

Storybook static is built to docs directory which is under git. To publish it to GitHub Pages do this:

• Publish this repo to GitHub.
• Run npm run build-storybook, commit docs folder and push.
• Create a separate GitHub Pages repo if you haven't yet.
• Set up GitHub pages for this project to build from docs folder from main branch.
  • To do this go to this repo's settings and open Pages section (menu on the left side). Select Source -> Deploy from a branch, select Branch -> main and /docs folder.

Contributing

Feel free to open an issue or create a PR if you'd like to contribute 🙌

License

The project is available as open source under the terms of the MIT License.