Simply React
summary
A concrete claim: a single 37-line component can support accordions, tabs and dozens of variants without bloated prop lists. Demonstrations use render props and state reducer (inversion of control) plus Emotion, downshift, and Babel plug-in macros to move rendering, combine behavior, and enforce rules like single-open or prevent-close. A counterexample notes a real 60‑prop component; practical builds show composition and combined reducers working, letting specific UIs be copied or abstracted without changing the base.
AI-written summary · about
chapters (10)
- 0:00Start
- 0:22React Component Patterns
- 2:08Babel Plug-In Macros
- 11:35Maintenance Overhead
- 14:29Render Props
- 14:47State Reducer
- 15:05Inversion of Control
- 15:46Bass Accordion
- 20:53Tabs Component
- 22:33Resources
