How we use Web Components at GitHub
May 4, 2021Kristján Oddsson

Summary
This post details the extensive use of Web Components at GitHub, covering their adoption from jQuery, the development of custom elements like `<relative-time>`, `<local-time>`, and `<details-dialog>`, and the creation of the Catalyst library to simplify Web Component authoring. It also outlines the lifecycle of components from monolith to open source, emphasizing dependency-free, framework-agnostic design, and the use of linters and tests to enforce best practices. The post also mentions the migration of specific components and the use of ViewComponent for Rails integration.
More from the Design System Annotations trail
- Design system annotations, part 2: Advanced methods of annotating components
- Design system annotations, part 1: How accessibility gets left out of components
- Considerations for making a tree view component accessible
- Design's journey towards accessibility
- Unlocking inclusive design: how Primer's color system is making GitHub.com more inclusive