primer / primer.style
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 36 files with 1,337 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)
    • 2 small files (277 lines of code)
    • 34 very small files (1,060 lines of code)
0% | 0% | 0% | 20% | 79%
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
js0% | 0% | 0% | 21% | 78%
yml0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src0% | 0% | 0% | 22% | 77%
ROOT0% | 0% | 0% | 0% | 100%
Longest Files (Top 36)
File# lines# units
status.js
in src/pages
158 4
draggable.js
in src/components
119 11
PrimerCSS.js
in src/components
100 1
AvatarShape.js
in src/components
82 -
news.js
in src/pages
70 -
index.js
in src/pages
67 1
Article.js
in src/components
66 -
MemberQuestions.js
in src/components
54 -
Team.js
in src/components
51 1
NewsList.js
in src/components
50 1
posts.yml
in src/data
49 -
Footer.js
in src/components
47 -
45 -
MemberContainer.js
in src/components
41 -
Hero.js
in src/components
29 -
28 1
index.js
in src/icons
26 -
25 -
releases.js
in src/data
25 -
ButtonFill.js
in src/components
23 -
Layout.js
in src/components
23 -
ButtonPromo.js
in src/components
23 -
ButtonOutline.js
in src/components
22 -
ButtonFillDark.js
in src/components
20 -
IndexGrid.js
in src/components
18 -
404.js
in src/pages
14 1
Divider.js
in src/components
10 -
Image.js
in src/components
9 -
LinkDark.js
in src/components
9 -
LinkLight.js
in src/components
9 -
BackgroundImage.js
in src/components
7 -
LinkPromo.js
in src/components
6 -
5 -
utils.js
in src/components
5 -
1 -
1 -
Files With Most Units (Top 8)
File# lines# units
draggable.js
in src/components
119 11
status.js
in src/pages
158 4
28 1
Team.js
in src/components
51 1
NewsList.js
in src/components
50 1
PrimerCSS.js
in src/components
100 1
404.js
in src/pages
14 1
index.js
in src/pages
67 1
Files With Long Lines (Top 4)

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

File# lines# units# long lines
posts.yml
in src/data
49 - 6
Team.js
in src/components
51 1 1
Hero.js
in src/components
29 - 1
status.js
in src/pages
158 4 1