Made to understand how different tools can be used to build a Design System.
- Tailwind + PostCSS for styling.
- Birla for generating components from template.
- Rollup for bundling lib.
- Styleguidist + Webpack for docs.
- Jest for component testing.
- Cypress for E2E testing.
- Percy for Visual testing.
- Flow for adding types.
- Download yarn and this repo run
yarn install. - Open docs in dev (watch) mode via
yarn docs:dev. - Run E2E tests on docs with
yarn cy:open.
Get the CHROMATIC_APP_CODE from Chromatic website then run
CHROMATIC_APP_CODE=XXXXX yarn chromatic