Building a component based library with React
summary
Built a reusable React component library that goes live for a Belgian label in February 2018 after a May 2017 prototype and uses Flow and Jest and Storybook for types and tests and visual QA deployed via Docker and Bitbucket pipelines to an internal NPM registry, supports multiple brands by theming, handles CMS-driven JSON from WordPress, hits 60% mobile traffic, and contains an unused component versioning system that ended up overengineered.
AI-written summary · about
chapters (17)
- 0:00Start
- 4:18Campaigns
- 4:34Wordpress
- 5:20Timeline
- 6:34Impression
- 7:11What did we build?
- 9:33What did we need?
- 10:34The Carblock
- 11:57Props
- 12:29Styled components
- 13:49Flow typing
- 15:07Storybook
- 16:57Multi language
- 18:35Remember
- 21:38Versioning
- 24:23Learnings
- 25:11Team
related talks
24mCase Study: Creating a Component Library in React JS
32mKickstarting libraries of shared React components for multiple teams
33mKickstarting a library of internal React components for multiple teams
21mBuilding Cross-Platform Component Libraries for Web and Native with React
41mBuilding a design system with React in 2025, what's new?
54mCase sudy: Lucentum, creating our own React component library
07mBuilding Component Libraries for Cross Team Use with React
14mBuilding a component library with React, Vue, Angular or WebComponents