Skip to main content

11 docs tagged with "VDOM"

View All Tags

Diffing

Diffing is defined as: React Heuristic Algorithm to reconcile change in state vs view & handle update to DOM API. Topics on: internal state = VDOM, view = DOM A

Fiber

Fiber is defined as: internal React Object to rep each Node of DOM Tree. Topics on: Fiber acts as unit of work in Render Phase & Commit Phase, Fiber replaces Re

key

key is defined as: special props as string UID for VDOM to track/Diffing list elements. Topics on: Math.random() key are unstable & may hurt perf!, key should b

React diff 2 assumptions:

React diff 2 assumptions:. Topics on: Elements of different type produce different trees, Elements with key prop are Stable Variable. Read more: React, React Co

ReactDOM

ReactDOM is defined as: Renderer for React, to handle DOM API updates. Topics on: Renderer. Read more: React, React Concepts, VDOM, React DOM, Renderer, DOM A

ReactDOM API

ReactDOM API is defined as: core react library to render VDOM. Topics on: react-dom/client, react-dom/server, Escape Hatch, createPortal(), flushSync(), render(

Reconciliation

Reconciliation is defined as: (process) (before Commit Phase) to compare Fiber stored in previous update vs new render. Topics on: to efficiently decide which u

Renderer

Renderer. Topics on: . Read more: React, React Concepts, VDOM, React DOM, Renderer|FullStack Wiki by Roger J

Stack Reconciler

Stack Reconciler is defined as: deprecated Reconciliation Algorithm used for VDOM from React 15.. Topics on: . Read more: React, React Concepts, VDOM, Fiber, Re

VDOM

VDOM is defined as: Intermediate Abstraction layer between Source Code & DOM API , data structure to mirror DOM API comprised of Fiber (React Element). Topic

VDOM Diffing Flow

VDOM Diffing Flow. Topics on: Create & store VDOM & DOM Tree in Memory, Update state changes in VDOM, Reconciliation of VDOM vs DOM API. Read more: React, React