reactjs / react-docgen
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 (11 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 11 components.
  • 80 files, 5,325 lines of code (33.8% vs. main code).
  • "src/utils" is biggest, containing 59.14% of code.
  • "ROOT" is smallest, containing 0.15% of code.


src/utils3149 LOC (20%) 49 files
src/handlers733 LOC (4%) 10 files
src394 LOC (2%) 4 files
src/resolver303 LOC (1%) 4 files
website/src/components232 LOC (1%) 3 files
benchmark/fixtures204 LOC (1%) 1 files
src/importer125 LOC (<1%) 3 files
website/src118 LOC (<1%) 3 files
benchmark50 LOC (<1%) 1 files
website9 LOC (<1%) 1 files
ROOT8 LOC (<1%) 1 files
Dependencies
Dependencies among components are static code dependencies among files in different components.

No component dependencies found.


2022-04-16 07:07