react Architecture Docs
Home / Class/ Apple Class — react Architecture

Apple Class — react Architecture

Architecture documentation for the Apple class in ReactCompositeComponent-test.js from the react codebase.

Class javascript

Entity Profile

Dependency Diagram

graph TD
  67a2b4a7_ce59_f53a_4cb2_cf3f51f1c68c["Apple"]
  ed651fa3_2f28_cb4d_458b_e3b4f60f6590["ReactCompositeComponent-test.js"]
  67a2b4a7_ce59_f53a_4cb2_cf3f51f1c68c -->|defined in| ed651fa3_2f28_cb4d_458b_e3b4f60f6590
  d812e613_9f25_5117_17eb_3d4fd4cc8638["shouldComponentUpdate()"]
  67a2b4a7_ce59_f53a_4cb2_cf3f51f1c68c -->|method| d812e613_9f25_5117_17eb_3d4fd4cc8638
  6ff47ff6_5407_c7b6_6517_3f5419c97195["cut()"]
  67a2b4a7_ce59_f53a_4cb2_cf3f51f1c68c -->|method| 6ff47ff6_5407_c7b6_6517_3f5419c97195
  13e76675_431b_3a15_7ba4_85ef0f734c3d["eatSlice()"]
  67a2b4a7_ce59_f53a_4cb2_cf3f51f1c68c -->|method| 13e76675_431b_3a15_7ba4_85ef0f734c3d
  4588732e_87fb_5d48_da7d_d29b5b8c5014["render()"]
  67a2b4a7_ce59_f53a_4cb2_cf3f51f1c68c -->|method| 4588732e_87fb_5d48_da7d_d29b5b8c5014

Relationship Graph

Source Code

packages/react-dom/src/__tests__/ReactCompositeComponent-test.js lines 953–983

    class Apple extends React.Component {
      state = {
        cut: false,
        slices: 1,
      };

      shouldComponentUpdate(nextProps, nextState) {
        return shallowCompare(this, nextProps, nextState);
      }

      cut() {
        this.setState({
          cut: true,
          slices: 10,
        });
      }

      eatSlice() {
        this.setState({
          slices: this.state.slices - 1,
        });
      }

      render() {
        const {color} = this.props;
        const {cut, slices} = this.state;

        Scheduler.log(`${color} ${cut} ${slices}`);
        return <div />;
      }
    }

Defined In

Source

Frequently Asked Questions

What is the Apple class?
Apple is a class in the react codebase, defined in packages/react-dom/src/__tests__/ReactCompositeComponent-test.js.
Where is Apple defined?
Apple is defined in packages/react-dom/src/__tests__/ReactCompositeComponent-test.js at line 953.

Analyze Your Own Codebase

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

Try Supermodel Free