We shipped v2 of our design system: 123 native components, zero dependencies, theming via CSS custom properties. The difference in bundle size was striking.
Tip of the day: prefer ::part() over specificity hacks when you need to customize a Web Component from the outside. It keeps encapsulation intact and stays themeable.
Accessibility isn't an extra you tack on at the end. It's the foundation. I've started writing a guide to ARIA patterns for composite components, coming here soon.
Product engineer with 9 years of experience in interfaces. Led the migration of a framework-based stack to native Web Components, cutting the bundle by 70% and halving load time.
Outside of work, she writes about typography, runs a front-end newsletter, and mentors people transitioning careers.
- Role
- Staff Engineer
- Company
- Aurora Labs
- Location
- San Francisco, US
- Timezone
- PST
::part() support to 8 more design system components.