reactjs / mn.reactjs.org
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 (20 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 20 components.
  • 103 files, 6,746 lines of code (49.5% vs. main code).
  • "src/components" is biggest, containing 27.31% of code.
  • "plugins/gatsby-remark-use-jsx" is smallest, containing 0.25% of code.


src/components1842 LOC (13%) 38 files
content1550 LOC (11%) 6 files
src/pages721 LOC (5%) 7 files
src690 LOC (5%) 5 files
src/templates632 LOC (4%) 14 files
ROOT271 LOC (1%) 4 files
src/utils234 LOC (1%) 9 files
gatsby204 LOC (1%) 4 files
plugins/gatsby-remark-header-custom-ids147 LOC (1%) 3 files
content/tutorial111 LOC (<1%) 1 files
plugins/gatsby-transformer-versions-yaml73 LOC (<1%) 2 files
scripts61 LOC (<1%) 1 files
content/community44 LOC (<1%) 1 files
src/css36 LOC (<1%) 1 files
plugins/gatsby-transformer-home-example-code29 LOC (<1%) 1 files
plugins/gatsby-source-react-error-codes23 LOC (<1%) 1 files
plugins/gatsby-transformer-authors-yaml22 LOC (<1%) 1 files
static/js20 LOC (<1%) 2 files
static/html19 LOC (<1%) 1 files
plugins/gatsby-remark-use-jsx17 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:16