Strategies for organically connecting React Components and D3 Objects
summary
Shows practical strategies for integrating React components with D3 objects to build interactive visualizations. Covers how to separate concerns between React’s declarative UI and D3’s direct DOM/data-driven manipulation, and patterns for coordinating state updates, rendering responsibilities, and event handling between React and D3.
AI-written summary · about
chapters (16)
- 0:00Introduction
- 1:15What is SVG
- 3:41Why choose D3
- 5:48React-D3 binding challenges
- 7:20React-controlled D3
- 8:45Separate kingdoms
- 10:53Performance and independence
- 12:02Abstracting D3 logic
- 13:31Passing functions to D3
- 15:00Custom D3 events
- 17:11D3 listening to React
- 20:28Final D3-React abstraction
- 21:12Separating render functions
- 22:15Key takeaways
- 23:24Live coding
- 29:32Q&A
