microsoft / satcheljs-cookbook
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 23 files with 430 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)
    • 23 very small files (430 lines of code)
0% | 0% | 0% | 0% | 100%
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
ts0% | 0% | 0% | 0% | 100%
tsx0% | 0% | 0% | 0% | 100%
css0% | 0% | 0% | 0% | 100%
js0% | 0% | 0% | 0% | 100%
pug0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src/components0% | 0% | 0% | 0% | 100%
src/mutators0% | 0% | 0% | 0% | 100%
src/store0% | 0% | 0% | 0% | 100%
src/orchestrators0% | 0% | 0% | 0% | 100%
ROOT0% | 0% | 0% | 0% | 100%
src/actions0% | 0% | 0% | 0% | 100%
views0% | 0% | 0% | 0% | 100%
src/selectors0% | 0% | 0% | 0% | 100%
src/services0% | 0% | 0% | 0% | 100%
src0% | 0% | 0% | 0% | 100%
Longest Files (Top 23)
File# lines# units
BookStore.ts
in src/store
79 -
books.ts
in src/mutators/cart
38 1
Cart.tsx
in src/components
37 1
CategoryList.tsx
in src/components
29 -
App.tsx
in src/components
28 1
selectedBookId.ts
in src/mutators
28 1
AppStyles.css
in src/components
27 -
BookList.tsx
in src/components
25 -
Description.tsx
in src/components
23 1
server.js
in root
22 -
removeBookFromCart.ts
in src/orchestrators
14 -
selectedBookId.ts
in src/mutators/cart
13 -
buy.ts
in src/orchestrators
10 -
store.ts
in src/store
10 -
buying.ts
in src/mutators/cart
9 -
cart.ts
in src/actions
8 -
selectedCategoryId.ts
in src/mutators
6 -
pug
index.pug
in views
6 -
getSelectedBookId.ts
in src/selectors
5 1
makePurchase.ts
in src/services
5 1
index.tsx
in src
4 -
selectBook.ts
in src/actions
2 -
selectCategory.ts
in src/actions
2 -
Files With Most Units (Top 7)
File# lines# units
App.tsx
in src/components
28 1
Cart.tsx
in src/components
37 1
Description.tsx
in src/components
23 1
books.ts
in src/mutators/cart
38 1
selectedBookId.ts
in src/mutators
28 1
getSelectedBookId.ts
in src/selectors
5 1
makePurchase.ts
in src/services
5 1
Files With Long Lines (Top 1)

There is only one file with lines longer than 120 characters. In total, there is only one long line.

File# lines# units# long lines
BookStore.ts
in src/store
79 - 1