React
React is an open-source JavaScript library for building user interfaces from declarative, reusable components.
React Quickly, Second Edition
React is a JavaScript library for building user interfaces from reusable components and rendering dynamic data.
- How it is used
- Renders dynamic data in the UI layer, from isolated website widgets to single-page applications.
- How deep it goes
- Works through plain-JavaScript element creation and rendering, then sketches an incremental component-tree workflow rather than renderer internals.
- Examples
- Uses a Hello World heading and an incrementally built website menu.
- What you can do after
- Build it from scratch: render a heading with React.createElement and ReactDOM.createRoot(...).render(), then plan a menu as a component tree.
React Hooks in Action: With Suspense and Concurrent Mode
React is a JavaScript library for building user interfaces from declarative, composable components.
- How it is used
- Builds interactive web, desktop, smartphone, and virtual-reality interfaces from reusable components.
- How deep it goes
- Explains components, JSX, state, props, rendering, and DOM updates at a high level while deferring detailed JSX and hook behavior.
- Examples
- Uses a quiz app, TextToggle components, question-and-answer cards, cycle diagrams, and rendering-step tables.
- What you can do after
- Builds reusable interactive UI components and understands how state changes produce updated displays.
Read how React Hooks in Action: With Suspense and Concurrent Mode explains React →
D3.js in Action, Third Edition
React is a JavaScript library for building user interfaces from composable components.
- How it is used
- Deploys React to build interactive single-page visualization dashboards while integrating D3 for chart construction.
- How deep it goes
- Explains component integration through useRef(), useEffect(), props, scales, axes, and a working scatterplot, without detailing React internals.
- Examples
- Uses a frontend-framework dashboard, a retention-versus-usage scatterplot, a framework-awareness bar chart, and a D3 color scale.
- What you can do after
- Builds React visualizations that pass data through props and let D3 control selected DOM regions through refs and effects.
Coding with AI
React.js is a JavaScript library for building user interfaces from reusable components.
- How it is used
- Frames React as an alternative technical-stack choice that can be displaced by developer preferences and project context.
- How deep it goes
- Mentions React only as an excluded option and does not explain its components, rendering model, or implementation.
- Examples
- Contrasts React with Flask while selecting technologies for a HAM Radio License Practice Test Application.
- What you can do after
- Evaluate React as a stack alternative when steering an application design toward Python and Flask.
Refactoring to Rust
React is an open-source JavaScript library for building user interfaces from reusable components.
- How it is used
- Builds web interfaces from isolated, reusable components and supports experimentation with WebAssembly.
- How deep it goes
- Demonstrates project setup, component state, list rendering, effects, and WebAssembly integration without covering deeper React internals.
- Examples
- Uses a Vite project, a stateful list component, pagination, and asynchronous paper-search results.
- What you can do after
- Builds a basic React interface with Vite and connects it to an imported WebAssembly library.
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.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.