Bixby Component Library
To fulfil the need of sharing visual assets between our Developer Centre Website and Bixby Studio, I created a shared component library. This was definitely a valuable learning experience for me around both UI design and API design. I found it’s often a challenge to strike a balance between API flexibility and ease-of-use. The library took full advantage of Continuous Integration (CI) where pull requests would auto-deploy both a demo and documentation webapp. Designers and other engineers could then review the proposed changes before merging. It also features 100% test coverage (except code branches) that is enforced during CI.
Technology
- TypeScript
- React
- CSS Modules
- Jest
![Screenshot of all the different components in the library](/static/846fd4bdc7e2bd20dd5ac4e9cb2687f8/99e22/dev-ui-demo.jpg)
![Screenshot of the "Checkbox Group" page of the documentation site. Depicting the available options, code example, and visual demo.](/static/658740b7f2a4d099811cb8f3d81d7dfe/d684b/dev-ui-docs-checkbox-group.jpg)
![Screenshot of the "Toggle" page of the documentation site. Depicting the available options and visual demo.](/static/f11c3493ea8027ab41171740131599cd/1b5bc/dev-ui-docs-toggle.jpg)