An agnostic components design system for React
summary
Claims an agnostic component system that separates behavior from style, built around react-toolbox and a new core package; shows a working datepicker reused on web and React Native with the same API. Explains why CSS Modules forced webpack and hid class APIs, why react-css-themr and CSS-in-JS (styled-components, Fela) solve theming and style injection, and outlines component injection plus pass-through functions to enable rendering customization. Reports adoption in internal dashboards at Amazon, Netflix and Walmart and a rebuilt library that removes webpack setup.
AI-written summary · about
chapters (8)
- 0:00Start
- 0:44React Toolbox
- 2:06Css Modules
- 4:22React Css Demur Library
- 18:22Style Customization
- 19:55Counter Component
- 21:50Rendering Customization
- 29:54React Toolbox Core
related talks
29mStyling Components for React UI Kits
38mWriting highly reusable React components
05mStyling in React
22mStyling Components for React UI Kits
19mHarnessing React to Build Consistently Designed Applications
29mStyling React For Reuse
44mWriting styles for React components
30mDynamic Styling Systems with React