Set Up
This repository is using NPM 8.19.4 to manage dependencies.
- npm i --legacy-peer-deps
- npm run build-storybook
- npm run storybook to start the server
Architect
We utilized the atomic methodology as the architecture for our interface design. We created a button component and prop for the component library.
Reference: https://atomicdesign.bradfrost.com/chapter-2/
Testing
We set up our testing utilizing jest. We have configured our jest.config.js file to collect and record our tested data in a directory called coverage.
Rollup
We configured our TypeScript with Rollup along with some plugins. Rollup will be used to bundle our code and create our build.
Storybook
We utilized storybook to allow us to isolate build and test the different components of our user interface. By running the storybook script in our package.json you the user is provided with a storybook serer and a live representation of the component.