react Architecture Docs
Home / Class/ Middle Class — react Architecture

Middle Class — react Architecture

Architecture documentation for the Middle class in ReactIncremental-test.js from the react codebase.

Class javascript

Entity Profile

Dependency Diagram

graph TD
  2ff6d495_7db8_5f36_35f3_2584af69627b["Middle"]
  e830a60d_4147_3606_7890_6db744e9073f["ReactIncremental-test.js"]
  2ff6d495_7db8_5f36_35f3_2584af69627b -->|defined in| e830a60d_4147_3606_7890_6db744e9073f
  bc8d4e39_2c6a_d51b_5f7f_c18ea4e346cf["shouldComponentUpdate()"]
  2ff6d495_7db8_5f36_35f3_2584af69627b -->|method| bc8d4e39_2c6a_d51b_5f7f_c18ea4e346cf
  b0e71cce_6a47_9ac3_e892_0eacebda19a1["render()"]
  2ff6d495_7db8_5f36_35f3_2584af69627b -->|method| b0e71cce_6a47_9ac3_e892_0eacebda19a1
  4dc89200_fadb_a02f_5d70_a6ffb7dbf23d["constructor()"]
  2ff6d495_7db8_5f36_35f3_2584af69627b -->|method| 4dc89200_fadb_a02f_5d70_a6ffb7dbf23d

Relationship Graph

Source Code

packages/react-reconciler/src/__tests__/ReactIncremental-test.js lines 744–752

    class Middle extends React.Component {
      shouldComponentUpdate(nextProps) {
        return this.props.children !== nextProps.children;
      }
      render() {
        Scheduler.log('Middle');
        return <span>{this.props.children}</span>;
      }
    }

Defined In

Source

Frequently Asked Questions

What is the Middle class?
Middle is a class in the react codebase, defined in packages/react-reconciler/src/__tests__/ReactIncremental-test.js.
Where is Middle defined?
Middle is defined in packages/react-reconciler/src/__tests__/ReactIncremental-test.js at line 744.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free