microsoft / vott-react
File Size

The distribution of size of files (measured in lines of code).

Intro
  • File size measurements show the distribution of size of files.
  • Files are classified in four categories based on their size (lines of code): 1-100 (very small files), 101-200 (small files), 201-500 (medium size files), 501-1000 (long files), 1001+(very long files).
  • It is a good practice to keep files small. Long files may become "bloaters", code that have increased to such gargantuan proportions that they are hard to work with.
Learn more...
File Size Overall
  • There are 20 files with 819 lines of code.
    • 0 very long files (0 lines of code)
    • 0 long files (0 lines of code)
    • 1 medium size files (221 lines of codeclsfd_ftr_w_mp_ins)
    • 1 small files (122 lines of code)
    • 18 very small files (476 lines of code)
0% | 0% | 26% | 14% | 58%
Legend:
1001+
501-1000
201-500
101-200
1-100


explore: zoomable circles | sunburst | 3D view
File Size per Extension
1001+
501-1000
201-500
101-200
1-100
tsx0% | 0% | 57% | 31% | 10%
ts0% | 0% | 0% | 0% | 100%
yml0% | 0% | 0% | 0% | 100%
scss0% | 0% | 0% | 0% | 100%
js0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src/components0% | 0% | 51% | 28% | 20%
src/models0% | 0% | 0% | 0% | 100%
src/common0% | 0% | 0% | 0% | 100%
ROOT0% | 0% | 0% | 0% | 100%
src/assets0% | 0% | 0% | 0% | 100%
azure-pipelines/linux0% | 0% | 0% | 0% | 100%
stories0% | 0% | 0% | 0% | 100%
azure-pipelines/mac0% | 0% | 0% | 0% | 100%
azure-pipelines/windows0% | 0% | 0% | 0% | 100%
src0% | 0% | 0% | 0% | 100%
Longest Files (Top 20)
File# lines# units
tagsInput.tsx
in src/components/tagsInput
221 5
tagEditorModal.tsx
in src/components/tagEditorModal
122 1
models.ts
in src/models
96 -
tagsInput.scss
in src/components/tagsInput
71 -
theme.scss
in src/assets/sass
44 -
tagsInput.stories.tsx
in stories
37 -
mockFactory.ts
in src/common
36 5
continuous-build-linux.yml
in azure-pipelines/linux
30 -
utils.ts
in src/common
28 2
azure-pipelines.yml
in root
27 -
guard.ts
in src/common
20 3
codecov.yml
in root
14 -
tagColors.ts
in src/components/common
14 -
release-pipelines.yml
in root
13 -
artifact-build-linux.yml
in azure-pipelines/linux
12 -
continuous-build-mac.yml
in azure-pipelines/mac
12 -
continuous-build-windows.yml
in azure-pipelines/windows
12 -
setupTests.js
in src
4 -
common.scss
in src/components/common
3 -
index.tsx
in src
3 -
Files With Most Units (Top 5)
File# lines# units
mockFactory.ts
in src/common
36 5
tagsInput.tsx
in src/components/tagsInput
221 5
guard.ts
in src/common
20 3
utils.ts
in src/common
28 2
tagEditorModal.tsx
in src/components/tagEditorModal
122 1
Files With Long Lines (Top 0)

There are 0 files with lines longer than 120 characters. In total, there are 0 long lines.

File# lines# units# long lines