My React Library
Boilerplate for creating React libraries with TypeScript, Rollup, Jest, Tailwind CSS, Husky, and npm publishing.
What it is
A boilerplate for creating React libraries with TypeScript, Rollup for builds, Jest for testing, Tailwind CSS for styles, Husky for pre-commit hooks, and npm publishing configuration.
Available as source code.
Technical stack
- TypeScript: strict typing for exportable components
- Rollup: bundler optimized for libraries (tree-shaking, ESM + CJS)
- Jest: component testing with React Testing Library
- Tailwind CSS: utility-first styles included in the bundle
- Husky: pre-commit hooks for lint and tests before publishing
Lessons learned
Rollup produces smaller bundles than Webpack for libraries because it eliminates dead code more aggressively. Tailwind configuration requires care to avoid including unnecessary styles in the published package.
References
- GitHub Repository — jonmatum, 2024. Source code and configuration.
Related content
- React
JavaScript library for building user interfaces through declarative, reusable components, with an ecosystem spanning from SPAs to full-stack applications with Server Components.
- Design Systems
Collection of reusable components, patterns, and guidelines ensuring visual and interaction consistency in digital products at scale.