TypeScript React Component Library

This library is published on npm and demonstrates how to write your own React components in TypeScript and publish them as npm package.

Features

• React components written in TypeScript
• Leverages TSDX to create library
• Use of styled-components for styling
• Connected with Storybook
• Integrated tests with Jest and Testing Library
• Linting support using Prettier
• Integrated Continuous Integration (CI) using GitHub Actions
• Integrated Continuous Deployment (CD) to using Github Actions
• Uses Semantic Release for releasing the library
• Publishes to npm
• Publishes Storybook to Chromatic

Commands

• yarn install to install the necessary dependencies
• yarn start to start developing your components
• yarn test to test your components
• yarn lint to lint your code
• yarn lint --fix to fix linting issues in your code
• yarn prepare to create the production bundle
• yarn storybook to start storybook in development mode (starts as a new process)
• yarn build-storybook to create production version of storybook for the project. This can be deployment to platforms such as Vercel, Gatsby, Surge, or Firebase hosting
• yarn size tells you size of your library for the production bundle