Client.js — react Source File

Architecture documentation for Client.js, a javascript file in the react codebase. 1 imports, 1 dependents.

File javascript BabelCompiler Optimization 1 imports 1 dependents 2 functions

Entity Profile

BabelCompiler→ Optimization→ Client.js — react Source File

Dependency Diagram

graph LR
  85effa9b_5619_ef59_f7dc_177ef2ec33f8["Client.js"]
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  85effa9b_5619_ef59_f7dc_177ef2ec33f8 --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  b27c3f66_c90d_ed18_3ae4_582f9ff3b4e6["App.js"]
  b27c3f66_c90d_ed18_3ae4_582f9ff3b4e6 --> 85effa9b_5619_ef59_f7dc_177ef2ec33f8
  style 85effa9b_5619_ef59_f7dc_177ef2ec33f8 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

'use client';

import * as React from 'react';

let LazyDynamic = React.lazy(() =>
  import('./Dynamic.js').then(exp => ({default: exp.Dynamic}))
);

export function Client() {
  const [loaded, load] = React.useReducer(() => true, false);

  return loaded ? (
    <div>
      loaded dynamically: <LazyDynamic />
    </div>
  ) : (
    <div>
      <button onClick={load}>Load dynamic import Component</button>
    </div>
  );
}