The DOM Wars: React vs d3
summary
Compares two concrete integration patterns for combining React and d3: either let d3 manipulate the shared DOM (direct SVG manipulation with d3 transitions) which leverages existing d3 examples but hurts React performance and predictable state, or let React own the DOM and use d3 only to compute layouts (hierarchy and radial layout, link generators) with React rendering SVG and handling expand/collapse and animations. Demonstrates a working radial tree built with d3.hierarchy and radial link generators, implemented in a PayPal visualization library using the React-controls-DOM approach.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 1:05How React and d3 work
- 2:49DOM handling philosophy
- 7:19Shared DOM
- 9:27React controls DOM
- 12:17Demo with React and d3
- 22:44Summary
