Building reusable UI libraries with React
summary
Builds a reusable UI pattern around compound components using React context and hooks, lifts state to a parent provider, and implements a live-coded accordion demo with per-section indexes and a disabled flag. The demo actually wires activeIndex and setActiveIndex, maps children to assign indexes, and adds a disabled prop via nested contexts; there are onstage hiccups but the final accordion works and the claim is that this approach yields modular, extensible components for libraries.
AI-written summary · about
chapters (11)
- 0:00Start
- 0:56Cassidy Williams
- 1:42Single Data Entry Point
- 2:05Demo
- 4:05Disable the Accordion Tab
- 4:45Jquery Ui
- 9:09Compound Components
- 10:21Compound Component
- 31:05Extensibility
- 32:00Questions
- 33:56React Router
related talks
35mAdvanced patterns in building React Components
17mLosing your Components’ Head
25mSimply React
23mBest Practices for reusable UI components
43mHow to build your reusable UI component library like a pro
38mWriting highly reusable React components
30mComposable components using React Context
20mLosing your Components’ Head