facebook / react
Components & Dependencies

An overview of source code logical components.

Intro

Logical decomposition is a representation of the organization of the main source code, where every and each file is put in exactly one logical component.

  • A software system can have one or more logical decompositions.
  • A logical decomposition can be defined in two ways in Sokrates.
  • First approach is based on the folders structure. Components are mapped to folders at defined folder depth relative to the source code root.
  • Second approach is based on explicit definition of each component. In such explicit definitions, components are explicitly named and their files are selected based on explicitly defined path and content filters.
  • A logical decomposition is considered invalid if a file is selected into two or more components.This constraint is introduced in order to facilitate measuring of dependencies among components.
  • Files not assigned to any component are put into a special "Unclassified" component.
Learn more...
Logical Decompositions Overview

Analyzed system has 1 logical decomposition:

  • primary (63 components)

Logical Decomposition #1: PRIMARY

The decompositions is based on the folder structure (relative to the source code root), with automatically defined folder depth to have at least 12 components.

Bubble Chart | Tree Map
Components
The "primary" logical decomposition has 63 components.
  • 808 files, 106,394 lines of code (100.0% vs. main code).
  • "packages/react-reconciler" is biggest, containing 40.83% of code.
  • "packages/jest-mock-scheduler" is smallest, containing 0% of code.


packages/react-reconciler43445 LOC (40%) 84 files
scripts/bench17361 LOC (16%) 20 files
fixtures/legacy-jsx-runtimes6125 LOC (5%) 11 files
fixtures/dom4518 LOC (4%) 73 files
scripts/rollup3562 LOC (3%) 26 files
fixtures/attribute-behavior3289 LOC (3%) 5 files
packages/react3132 LOC (2%) 44 files
packages/react-devtools-shared2300 LOC (2%) 67 files
scripts/release1942 LOC (1%) 39 files
packages/shared1854 LOC (1%) 39 files
packages/eslint-plugin-react-hooks1796 LOC (1%) 5 files
scripts/jest1649 LOC (1%) 27 files
packages/scheduler1570 LOC (1%) 16 files
scripts/perf-counters1343 LOC (1%) 9 files
fixtures/devtools1295 LOC (1%) 26 files
fixtures/flight894 LOC (<1%) 21 files
packages/dom-event-testing-library876 LOC (<1%) 7 files
fixtures/fiber-debugger795 LOC (<1%) 7 files
scripts/eslint-rules721 LOC (<1%) 9 files
fixtures/scheduler695 LOC (<1%) 1 files
fixtures/packaging511 LOC (<1%) 41 files
fixtures/concurrent492 LOC (<1%) 5 files
scripts/devtools451 LOC (<1%) 5 files
fixtures/blocks407 LOC (<1%) 21 files
fixtures/ssr2404 LOC (<1%) 15 files
packages/react-devtools-extensions324 LOC (<1%) 15 files
fixtures/ssr309 LOC (<1%) 12 files
ROOT280 LOC (<1%) 5 files
scripts/flow243 LOC (<1%) 4 files
fixtures/nesting243 LOC (<1%) 13 files
packages/react-devtools241 LOC (<1%) 1 files
scripts/shared234 LOC (<1%) 4 files
packages/use-sync-external-store223 LOC (<1%) 19 files
fixtures/fiber-triangle215 LOC (<1%) 1 files
packages/jest-react213 LOC (<1%) 4 files
fixtures/stacks209 LOC (<1%) 5 files
packages/react-dom208 LOC (<1%) 13 files
packages/react-devtools-shell201 LOC (<1%) 6 files
scripts/merge-fork189 LOC (<1%) 2 files
packages/react-devtools-timeline169 LOC (<1%) 5 files
scripts/babel158 LOC (<1%) 3 files
scripts/error-codes157 LOC (<1%) 4 files
scripts/tasks150 LOC (<1%) 6 files
packages/create-subscription116 LOC (<1%) 3 files
fixtures/art99 LOC (<1%) 3 files
fixtures/flight-browser96 LOC (<1%) 1 files
scripts/print-warnings77 LOC (<1%) 1 files
packages/react-server74 LOC (<1%) 18 files
scripts/prettier67 LOC (<1%) 1 files
scripts/eslint65 LOC (<1%) 1 files
packages/use-subscription63 LOC (<1%) 3 files
packages/react-is62 LOC (<1%) 2 files
fixtures/expiration56 LOC (<1%) 2 files
fixtures/fizz-ssr-browser55 LOC (<1%) 1 files
fixtures/eslint43 LOC (<1%) 2 files
packages/react-client28 LOC (<1%) 6 files
scripts/yarn24 LOC (<1%) 1 files
packages/react-fs17 LOC (<1%) 4 files
packages/react-pg17 LOC (<1%) 4 files
packages/react-fetch16 LOC (<1%) 4 files
packages/react-server-dom-webpack14 LOC (<1%) 4 files
packages/react-devtools-inline10 LOC (<1%) 1 files
packages/jest-mock-scheduler2 LOC (<1%) 1 files
Dependencies
Dependencies among components are static code dependencies among files in different components.

No component dependencies found.


2022-04-14 22:50