How a 16th Century French Mathematician Helped Build a Design System
summary
Builds a reusable Cartesian Component that takes prop-value arrays and emits every combination via the Cartesian product, implemented in React to render component variations instead of hand-writing instances. Example: three variant values × two icon states → six rendered cases automatically. Team uses it for snapshot and accessibility tests, keeps design tokens and component library in sync, requires no extra tooling, and proves lightweight and reliable in a large e-commerce design system.
AI-written summary · about
chapters (5)
- 0:00Start
- 12:20Button Cartesian
- 14:39Cartesian component API
- 16:01Snapshot testing
- 16:24Accesibility testing
related talks
30mReusability: Sharing Components
24mDesigning Components for Fun, Profit and Sanity
25mSimply React
25mBuilding a Design System in React
24mFrom Sketch to Code Designing a Component Kit
38mWriting highly reusable React components
25mBuilding a Design System as a team
35mDesign system - From a Developer Point-of-View