react Architecture Docs
Home / Function/ Component() — react Function Reference

Component() — react Function Reference

Architecture documentation for the Component() function in ComponentUsingHooksIndirectly.js from the react codebase.

Function javascript BabelCompiler Validation calls 1

Entity Profile

Dependency Diagram

graph TD
  393fa39f_e962_033a_be4a_b615ea4608aa["Component()"]
  4fc61ecb_b092_e627_84fe_2f8c4c8723ee["ComponentUsingHooksIndirectly.js"]
  393fa39f_e962_033a_be4a_b615ea4608aa -->|defined in| 4fc61ecb_b092_e627_84fe_2f8c4c8723ee
  77813dfb_ba39_d334_83fe_7a333f6a2515["useIsDarkMode()"]
  393fa39f_e962_033a_be4a_b615ea4608aa -->|calls| 77813dfb_ba39_d334_83fe_7a333f6a2515
  style 393fa39f_e962_033a_be4a_b615ea4608aa fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/hooks/__tests__/__source__/ComponentUsingHooksIndirectly.js lines 12–33

export function Component() {
  const countState = useState(0);
  const count = countState[0];
  const setCount = countState[1];

  const darkMode = useIsDarkMode();
  const [isDarkMode] = darkMode;

  useEffect(() => {
    // ...
  }, []);

  const handleClick = () => setCount(count + 1);

  return (
    <>
      <div>Dark mode? {isDarkMode}</div>
      <div>Count: {count}</div>
      <button onClick={handleClick}>Update count</button>
    </>
  );
}

Domain

Subdomains

Defined In

Calls

Source

Frequently Asked Questions

What does Component() do?
Component() is a function in the react codebase, defined in packages/react-devtools-shared/src/hooks/__tests__/__source__/ComponentUsingHooksIndirectly.js.
Where is Component() defined?
Component() is defined in packages/react-devtools-shared/src/hooks/__tests__/__source__/ComponentUsingHooksIndirectly.js at line 12.
What does Component() call?
Component() calls 1 function(s): useIsDarkMode.

Analyze Your Own Codebase

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

Try Supermodel Free