react Architecture Docs
Home / File/ use-operator-conditional.js — react Source File

use-operator-conditional.js — react Source File

Architecture documentation for use-operator-conditional.js, a javascript file in the react codebase. 2 imports, 0 dependents.

File javascript TestingUtilities Fixtures 2 imports 2 functions

Entity Profile

Dependency Diagram

graph LR
  00a256a0_d072_a016_b440_5caa5ad8adeb["use-operator-conditional.js"]
  006eec3d_77a9_4a47_e6c1_a96d7a6c9c05["shared-runtime"]
  00a256a0_d072_a016_b440_5caa5ad8adeb --> 006eec3d_77a9_4a47_e6c1_a96d7a6c9c05
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  00a256a0_d072_a016_b440_5caa5ad8adeb --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  style 00a256a0_d072_a016_b440_5caa5ad8adeb fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import {ValidateMemoization} from 'shared-runtime';
import {use, useMemo} from 'react';

const FooContext = React.createContext(null);
function Component(props) {
  return (
    <FooContext.Provider value={props.value}>
      <Inner cond={props.cond} />
    </FooContext.Provider>
  );
}

function Inner(props) {
  let input = null;
  if (props.cond) {
    input = use(FooContext);
  }
  const output = useMemo(() => [input], [input]);
  return <ValidateMemoization inputs={[input]} output={output} />;
}

export const FIXTURE_ENTRYPOINT = {
  fn: Component,
  params: [{cond: true, value: 42}],
  sequentialRenders: [
    // change cond true->false
    {cond: true, value: 42},
    {cond: false, value: 42},

    // change value
    {cond: false, value: null},
    {cond: false, value: 42},

    // change cond false->true
    {cond: true, value: 42},

    // change cond true->false, change unobserved value, change cond false->true
    {cond: false, value: 42},
    {cond: false, value: null},
    {cond: true, value: 42},
  ],
};

Domain

Subdomains

Functions

Dependencies

  • react
  • shared-runtime

Source

Frequently Asked Questions

What does use-operator-conditional.js do?
use-operator-conditional.js is a source file in the react codebase, written in javascript. It belongs to the TestingUtilities domain, Fixtures subdomain.
What functions are defined in use-operator-conditional.js?
use-operator-conditional.js defines 2 function(s): Component, Inner.
What does use-operator-conditional.js depend on?
use-operator-conditional.js imports 2 module(s): react, shared-runtime.
Where is use-operator-conditional.js in the architecture?
use-operator-conditional.js is located at compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-operator-conditional.js (domain: TestingUtilities, subdomain: Fixtures, directory: compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler).

Analyze Your Own Codebase

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

Try Supermodel Free