How deeply does Web Components in Action cover rendering?

Defines returned inner markup and timing, but stops short of implementation details or a complete rendering algorithm.

Rendering

As explained in Web Components in Action

A render method is a component method that returns the markup representing the component's rendered content.

A render method returns the HTML that represents a component’s inner markup. It may run before componentDidMount and again when the component changes, making updates more streamlined without requiring a fixed standard lifecycle hook. section 4.4

Use rendering as an optional design pattern rather than a universal Web Components rule:

React permits overriding render to produce the component’s HTML before mounting or after changes. section 4.4
Basic Web Components can update innerHTML directly at any time, without being bound to a render lifecycle. section 4.4
LitElement and other systems add render methods to streamline HTML updates while adopting rules about when rendering occurs. section 4.4

How Web Components in Action covers it

liveBook manning.com

Read Web Components in Action on liveBook Get the book at manning.com

Also explained in

liveBook manning.com

Web Design Playground, Second EditionRendering is the process of interpreting web document code and producing its visual representation on a device.
liveBook manning.com

React Quickly, Second EditionA render method is a component method that returns the element tree representing the component's user-interface output.
liveBook manning.com

CSS in Depth, Second EditionRendering is the process of converting computed document styles and content into pixels displayed on a screen.

Compare how 4 books explain rendering →

Related concepts

painthas part · Paint is the browser rendering stage that converts styled document content into visual output.
layouthas part · A layout is the arrangement and positioning of content or interface elements within a page, screen, or other visual area.
GPUused by · A graphics processing unit (GPU) is a processor designed for highly parallel computation, especially graphics and data-parallel workloads.
stateuses · State is information or a configuration describing the condition of a system, entity, or computation at a particular time and potentially influencing subsequent behavior or decisions.
parsingcontrasts with · Parsing is the analysis of input according to structural or syntactic rules to identify its components and produce a structured, usable representation.

This explainer was generated by Manning's knowledge graph from the text of Web Components in Action. The section links point to the parts of the book it draws on.