Sharing is Caring… At Scale!
summary
BuzzFeed runs a shared component library called buzz box that packages templates, SCSS, icons, analytics and JavaScript as an NPM module and a runnable service; it requires a Jasmine unit test, server and client templates, Sass and versioned releases. The engineering stack uses webpack, containerized builds (rig + ECS), webhooks to publish, snapshot and visual-regression checks with headless Chrome, and a gallery; the monorepo contains about 472 services and roughly forty components in active use.
AI-written summary · about
chapters (18)
- 0:00Introduction
- 2:00Component Libraries
- 4:20Containerization
- 7:05Ian Feather
- 8:55Buzzbox
- 10:20Components
- 12:35Who works on Buzzbox
- 13:56Gallery of Buzzbox
- 16:59Documentation
- 21:09Trust
- 22:04Unit Tests
- 22:56Slack
- 23:30Data module definition
- 23:58Success is measured by developer buyin
- 25:05Should we open source
- 25:49The greatest technical challenge
- 26:16The future of Buzzbox
- 27:03Designing with components
related talks
31mSharing is Caring… At Scale!
43mBuilding a component based library with React
32mKickstarting libraries of shared React components for multiple teams
27mUp and Running with Universal Components
43mPreprocessors, Components, and CSS in JS
34mPreprocessors, Components, and CSS in JS or" How I Learned to Stop Worrying and Love the Website"
21mShared Components Beyond the Design System
43mHow I Learned to Stop Worrying and Love the Website