How deeply does D3.js in Action, Third Edition cover React?

Explains component integration through useRef(), useEffect(), props, scales, axes, and a working scatterplot, without detailing React internals.

React

As explained in D3.js in Action, Third Edition

React is a JavaScript library for building user interfaces from composable components.

React is a JavaScript library for building user interfaces from composable components. It supports single-page applications, where one loaded HTML file updates dynamically, and works with D3 in interactive visualization projects. section 8.0

A practical D3 integration keeps responsibilities clear:

Let React render the component structure, then pass data and shared scales through props. section 8.0 section 8.5.1
Create a ref with useRef(), attach it to the element D3 should control, and select its current DOM node. section 8.5.1
Run D3 operations inside useEffect(), where the referenced element is up to date. section 8.5.1

Interactive framework dashboard

A React application combines a scatterplot of framework retention versus users with a bar chart of framework awareness. The scatterplot receives experience data and a D3 ordinal color scale as props, while D3 builds axes and marks inside the referenced group. section 8.0

How D3.js in Action, Third Edition covers it

liveBook manning.com

Read D3.js in Action, Third Edition on liveBook Get the book at manning.com

Also explained in

liveBook manning.com

React Quickly, Second EditionReact is a JavaScript library for building user interfaces from reusable components and rendering dynamic data.
liveBook manning.com

React Hooks in Action: With Suspense and Concurrent ModeReact is a JavaScript library for building user interfaces from declarative, composable components.
liveBook manning.com

Coding with AIReact.js is a JavaScript library for building user interfaces from reusable components.
liveBook manning.com

Refactoring to RustReact is an open-source JavaScript library for building user interfaces from reusable components.

Compare how 5 books explain React →

Related concepts

virtual DOMuses · A virtual DOM is an in-memory user-interface tree that frameworks compare or process to determine updates to the rendered DOM.
UI librarykind of · A UI library is a software library providing reusable user-interface components together with their implementation, styling, or interaction specifications.
librarykind of · A software library is a reusable collection of code or components that other programs can incorporate or invoke to provide functionality.
Web Componentsuses · Web Components are browser standards and APIs, including custom elements and shadow DOM, for creating reusable web interface elements with encapsulated structure, presentation, and behavior.
useRefused by · useRef is a React Hook that returns a persistent mutable object whose current property can hold a value across renders without causing re-rendering when changed.
useEffectused by · useEffect is a React Hook that runs effect logic after rendering to synchronize a component with external systems and optionally perform cleanup.

This explainer was generated by Manning's knowledge graph from the text of D3.js in Action, Third Edition. The section links point to the parts of the book it draws on.