mirror of
https://github.com/aleleba/create-react-component-library.git
synced 2026-07-04 06:11:20 -06:00
Alejandro Lembke Barrientos
6c3dd344e6
- Bump version 1.4.0 → 1.4.1 - Upgrade Babel 7 → 8 (@babel/core, preset-env, preset-react, preset-typescript, register) - Add ts-node devDependency (webpack-cli needs it to load webpack.config.ts now that @babel/register v8 removed .hook) - Replace __dirname with path.resolve() in webpack.config.ts and webpack.cy.config.ts (ESM-safe, no __dirname needed) - Add npm overrides: force @babel/core ^8 for ts-jest (peerOptional conflict) and js-yaml ^4.2.0 to fix GHSA-h67p-54hq-rp68 DoS vuln - Add babel hook in .storybook/main.js to strip bugfixes option that Storybook injects into @babel/preset-env (removed in Babel 8) - Patch Storybook addons 10.4.3 → 10.4.6, @types/node v25→v26, globals v16→v17, sass minor, ts-loader patch, typescript-eslint patch - 0 npm audit vulnerabilities
Create React Component Library
This project aims to have a starter kit for creating a new React Library with storybook.
Setup
To create a new project run in the terminal:
npx @aleleba/create-react-component-library react-library
Then run:
cd react-library
You will need to create a new .env file at the root of the project for global config. This is an exaple of config.
#Library Name (Default: ui-library)
LIBRARY_NAME=ui-library
#External CSS (Default: false)
EXTERNAL_CSS=true
#External CSS NAME (Default: index.css)
EXTERNAL_CSS_NAME=other_name.css
#PREFIX URL (Default: '')
PREFIX_URL=
For Development
In the terminal run:
npm run start
You will find the components on:
scr/components
You will find stories of storybook on:
scr/stories
This will start the app-library in development mode, also it have Hot Reloading! Enjoy coding!
For Production
In the terminal run:
npm run build
It will create a dist folder and run:
npm publish
This will publish on npm your package.
Cheers
Hope you enjoy this proyect! Sincerely Alejandro Lembke Barrientos.