sunnyenergy-react-design-lib v0.0.6

React Design Library

Design Library for React Components

🚀 Quick Links

• Explore on StoryBook
• Explore the Chromatic Library
• NPM (TODO)

✨ Features

TypeScript Support

• The library is designed to make use of strict typing using TypeScript.

Testing

• Uses Jest and React Testing Library for writing unit tests.

  • yarn test

Linting & Formatting

• Preconfigured with ESLint for code checking and Prettier for code beautification.

  • yarn lint

  • yarn format

Build

• Uses Rollup for building the library as a module along with the type files

  • yarn build

Documentation / Visual Testing

• Uses StoryBook to write custom documentation as well as components documentation and ship the library with accessibility addons to test out the components.

  • yarn build:storybook

  • yarn storybook

NPM Release

• Support for publishing to NPM added.

  • yarn release

CI / CD

• build (gh-action) builds the module after lint and tests pass on every pull request and push to main branches.
• chromatic (gh-action) builds and deploys the storybook bundle to chromatic and review visual diffs on user pull request and push to main branches.