createComposedLayout() — react Function Reference

Architecture documentation for the createComposedLayout() function in layouter.js from the react codebase.

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ createComposedLayout() — react Function Reference

Dependency Diagram

graph TD
  14059dff_b42f_fb96_db66_cce54dca4ab3["createComposedLayout()"]
  967225f1_4dbc_efd7_073f_8182bb20aa4f["layouter.js"]
  14059dff_b42f_fb96_db66_cce54dca4ab3 -->|defined in| 967225f1_4dbc_efd7_073f_8182bb20aa4f
  style 14059dff_b42f_fb96_db66_cce54dca4ab3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-timeline/src/view-base/layouter.js lines 212–225

export function createComposedLayout(...layouters: Layouter[]): Layouter {
  if (layouters.length === 0) {
    return noopLayout;
  }

  const composedLayout: Layouter = (layout, containerFrame) => {
    return layouters.reduce(
      (intermediateLayout, layouter) =>
        layouter(intermediateLayout, containerFrame),
      layout,
    );
  };
  return composedLayout;
}