Examples and documentation are available here: https://dcomponents.ucsddesign.co
Web Development: React, TypeScript, Storybook, Jest, Rollup, Webpack, Babel, SCSS
DevOps: Git, GitHub Packages, GitHub Actions
Development Standards: Web Content Accessibility Guidelines (WCAG) 2.1, Aria Authoring Practices Guide (APG)
This is a component library for Design Co UCSD. It is published to npm: https://www.npmjs.com/package/@arth-shukla/dco-mponents.
- Supports computer, mobile, and tablet web interfaces through webkit
- Written in Typescript
- Prop typing allows for easier debugging in projects
- Components usable in both Typescript and standard React projects
- Jest for Unit Testing
- Scalable and allows for high code coverage
- Storybook for documentation and demos
- Easy visual QAs to make sure in-line with DCo Design System
- Documentation generated automatically
- Demos allow for examining/testing use cases
- Accessible
- The components themselves support keyboard control and aria tags are added where appropriate.
- Additional acessibility options (e.g.
aria-labels) must be passed as props.
- Customizable
- Additional props (ids, classNames, etc) can be passed into the component to override default styling.
- One can also alter the styling directly with CSS by modfying the class styling
Storyboook demos and documentation are available here: https://ucsddesignco.github.io/dco-mponents.