Reusability: Sharing Components
summary
Explains how reusable pieces actually behave by showing concrete patterns and libraries: using a design system with styled-system and system-components to let styling scale, swapping render output by composing children instead of props, and extracting side-effect logic into headless components or hooks so the same fetch/state code works across web and native. Mentions thousands of npm components but many unused and examples like an addresses API core component that centralizes fetch update and state so front ends stop reimplementing REST calls.
AI-written summary · about
chapters (10)
- 0:00Intro
- 0:31Robin
- 4:23Presentational
- 7:13Extending Styles
- 7:58Responsive Styling
- 10:33Theme
- 10:59System Component
- 19:05Headless Components
- 23:06REST API
- 26:16Summary
related talks
46mBuilding Reusable Components ... That Are Actually Reusable
23mBest Practices for reusable UI components
21mShared Components Beyond the Design System
44mWriting good components
38mWriting highly reusable React components
35mDesign system - From a Developer Point-of-View
24mDesigning Components for Fun, Profit and Sanity
38mDesign Systems Mastery: From Patterns & Principles to Product Excellence