reactjs / es.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 (25 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 25 components.
  • 231 files, 13,110 lines of code (24.1% vs. main code).
  • "beta/src" is biggest, containing 41.49% of code.
  • "plugins/gatsby-remark-use-jsx" is smallest, containing 0.13% of code.


beta/src5439 LOC (10%) 101 files
src/components1952 LOC (3%) 40 files
content1553 LOC (2%) 6 files
src/pages727 LOC (1%) 7 files
src704 LOC (1%) 5 files
src/templates632 LOC (1%) 14 files
beta/scripts448 LOC (<1%) 10 files
ROOT271 LOC (<1%) 4 files
src/utils234 LOC (<1%) 9 files
gatsby204 LOC (<1%) 4 files
beta203 LOC (<1%) 4 files
plugins/gatsby-remark-header-custom-ids147 LOC (<1%) 3 files
beta/plugins137 LOC (<1%) 8 files
content/tutorial111 LOC (<1%) 1 files
plugins/gatsby-transformer-versions-yaml61 LOC (<1%) 2 files
scripts61 LOC (<1%) 1 files
beta/public39 LOC (<1%) 3 files
src/css36 LOC (<1%) 1 files
plugins/gatsby-transformer-home-example-code28 LOC (<1%) 1 files
plugins/gatsby-source-react-error-codes23 LOC (<1%) 1 files
plugins/gatsby-transformer-authors-yaml22 LOC (<1%) 1 files
content/community22 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:08