/livingston-react-library

Primary LanguageTypeScript

Livingston library

Ref: Best article: https://itnext.io/step-by-step-building-and-publishing-an-npm-typescript-package-44fe7164964c

Others: https://prateeksurana.me/blog/react-library-with-typescript/ https://dev.to/sidv93/component-library-setup-with-react-typescript-and-rollup-onj

Steps: 0) Devops prep Create a new repo (next door digital-design-system in Enterprise) Register with npm (public is free, private requires a paid subscription) https://www.npmjs.com/signup

  1. Create the component in src. For example: HelpBox.tsx

  2. Add to index.ts

  3. Check and commit npm run format npm run lint npm run version npm run build npm run postversion

  4. npm login

  5. Publish npm version npm publish

  6. Commit your code and push to git

  7. Use the code in your app npm install livingston-react-library import { HelpBox } from 'livingston-react-library/lib/esm';

To update: npm update livingston-react-library