DeepHooks() — react Function Reference

Architecture documentation for the DeepHooks() function in index.js from the react codebase.

Function javascript BabelCompiler Validation calls 3

Entity Profile

BabelCompiler→ Validation→ DeepHooks() — react Function Reference

Dependency Diagram

graph TD
  0600b63a_cb70_3fd4_dc3a_540b3c2261dd["DeepHooks()"]
  e807a8fd_f5a9_c035_6d61_8fb4ddb9b6b2["index.js"]
  0600b63a_cb70_3fd4_dc3a_540b3c2261dd -->|defined in| e807a8fd_f5a9_c035_6d61_8fb4ddb9b6b2
  a1a4bd1a_3802_ed6c_2d4d_87a1582447db["useOuterFoo()"]
  0600b63a_cb70_3fd4_dc3a_540b3c2261dd -->|calls| a1a4bd1a_3802_ed6c_2d4d_87a1582447db
  f1a70fe1_e3ab_4c13_11ac_9ca5a28c822c["useOuterBar()"]
  0600b63a_cb70_3fd4_dc3a_540b3c2261dd -->|calls| f1a70fe1_e3ab_4c13_11ac_9ca5a28c822c
  151d72bf_785f_cdfb_4bd6_3e2e6c7f7207["useOuterBaz()"]
  0600b63a_cb70_3fd4_dc3a_540b3c2261dd -->|calls| 151d72bf_785f_cdfb_4bd6_3e2e6c7f7207
  style 0600b63a_cb70_3fd4_dc3a_540b3c2261dd fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shell/src/app/Hydration/index.js lines 215–226

function DeepHooks(props: any) {
  const foo = useOuterFoo();
  const bar = useOuterBar();
  const baz = useOuterBaz();
  return (
    <ul>
      <li>foo: {foo}</li>
      <li>bar: {bar}</li>
      <li>baz: {baz}</li>
    </ul>
  );
}