The Diffing Algorithm: Component Elements Of The Same Type

  • When a component updates, the instance stays the same, so that state is maintained across renders.
  • React updates the props of the underlying component instance to match the new element, and calls componentWillReceiveProps() and componentWillUpdate() on the underlying instance.
  • Next, the render() method is called and the diff algorithm recurses on the previous result and the new result.

Related concepts

→
Component Elements Of The Same Type

The Diffing Algorithm: Component Elements Of The Same Type — Structure map

Clickable & Draggable!

The Diffing Algorithm: Component Elements Of The Same Type — Related pages:

Reconciliation