Targeted extensibility: Lessons learned from building Atlaskit
summary
Atlassian migrates Atlaskit and React-Select toward composition to balance consistency and flexibility, using basic props and theming for constrained choices and handing implementation to consumers via hooks, render props and a components prop for complex selects. Products build a user picker, colour picker and datetime picker by overriding only needed subcomponents. Escape hatches reduce prop bloat but expose private APIs, so monitoring, documentation and a process for folding common exceptions back into core components are required.
AI-written summary · about
chapters (6)
related talks
31mBuilding React-Select
37mBuilding Better Components — A Journey to a More Resilient Frontend
38mWriting highly reusable React components
29mStyling Components for React UI Kits
31mAn agnostic components design system for React
49mSupporting accessibility in React: the difficulties and niceties
25mSimply React
29mStyling React For Reuse