Summary

Initial setup of StencilJS to get an idea of getting started process. As well as how components could look in our environment.

This approach completely separates component work from the other code. We want to:

1. See how dependencies are affected
2. Find code duplication/redundancy
3. Use a test component with Storybook
4. Understand build/release process

Closes #5874.

Setup instructions

Initial setup

1. Go into web-components directory.
2. Run npm install.
3. Run npm run build to get required loader.
4. Go up to root directory and run npm start for storybook.

Development

You'll have to run two watch scripts for now, unfortunately.

1. Go into component directory: cd ./web-components/
2. Run watch command: runnpm run watch.
   1. You can generate new component boilerplate with npx stencil generate usa-{{ COMPONENT_NAME }}.
3. In the root repo npm start for storybook.

Dependency updates

New dependencies for setting up stencilJS. They're listed in the web components directories' package.json.