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.
File Size Overall
- There are 10 files with 435 lines of code.
- 0 very long files (0 lines of code)
- 0 long files (0 lines of code)
- 0 medium size files (0 lines of codeclsfd_ftr_w_mp_ins)
- 0 small files (0 lines of code)
- 10 very small files (435 lines of code)
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
File Size per Logical Decomposition
primary
Longest Files (Top 10)
| File | # lines | # units |
|---|---|---|
 serviceWorker.tsx in src |
92 | 4 |
App.tsx in src |
79 | 4 |
 config-overrides.js in root |
77 | - |
index.tsx in src/HomePage |
61 | 3 |
index.tsx in src/NavBar |
59 | 2 |
 index.css in src |
25 | - |
 index.html in public |
18 | - |
index.tsx in src |
12 | - |
AuthState.tsx in src |
11 | - |
setupTests.js in src |
1 | - |
Files With Most Units (Top 4)
| File | # lines | # units |
|---|---|---|
serviceWorker.tsx in src |
92 | 4 |
App.tsx in src |
79 | 4 |
index.tsx in src/HomePage |
61 | 3 |
index.tsx in src/NavBar |
59 | 2 |
Files With Long Lines (Top 3)
There are 3 files with lines longer than 120 characters. In total, there are 4 long lines.
| File | # lines | # units | # long lines |
|---|---|---|---|
index.tsx in src/HomePage |
61 | 3 | 2 |
index.tsx in src/NavBar |
59 | 2 | 1 |
App.tsx in src |
79 | 4 | 1 |