Read detailed description/tutorial on https://www.grzegorowski.com/react-typescript-library-rollup-jest-part-1 or check example package https://github.com/jmarceli/jmarceli-react-ts-library.
You can install this package from NPM using npm i react-typescript-library-rollup-jest
to see that it is working fine.
Here is an example:
This is a starting point for creating your own custom React Typescript components package, so you can easily share them with community through the NPM.
- Clone this repository
git clone git@github.com:jmarceli/react-typescript-library-rollup-jest.git
- Adjust REAMDE.md content (e.g. paths in badges above)
- Replace all occurrences of react-typescript-library-rollup-jest with your package name and jmarceli with your github username
- Remove .git/ directory
- Clean src/ folder
- Add your own code to src/
- Export all components from src/index.tsx file (see current src/index.tsx for sample code)
- Develop your package (use example/ directory to test it)
- Adjust package.json file according to your needs especially set version to initial value e.g. 0.0.0
- Publish your package to npm with e.g.
npm version patch
followed bynpm publish
Jan Grzegorowski