microsoft / azure-devops-extension-yeoman-generator
Unit Size

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

Intro
  • Unit size measurements show the distribution of size of units of code (methods, functions...).
  • Units are classified in four categories based on their size (lines of code): 1-20 (small units), 20-50 (medium size units), 51-100 (long units), 101+ (very long units).
  • You should aim at keeping units small (< 20 lines). Long units may become "bloaters", code that have increased to such gargantuan proportions that they are hard to work with.
Learn more...
Unit Size Overall
  • There are 11 units with 155 lines of code in units (80.3% of code).
    • 0 very long units (0 lines of code)
    • 1 long units (79 lines of code)
    • 1 medium size units (31 lines of code)
    • 1 small units (13 lines of code)
    • 8 very small units (32 lines of code)
0% | 50% | 20% | 8% | 20%
Legend:
101+
51-100
21-50
11-20
1-10
Unit Size per Extension
101+
51-100
21-50
11-20
1-10
tsx0% | 78% | 0% | 0% | 21%
js0% | 0% | 57% | 24% | 18%
Unit Size per Logical Component
primary logical decomposition
101+
51-100
21-50
11-20
1-10
app/templates/src/hub0% | 78% | 0% | 0% | 21%
app0% | 0% | 57% | 24% | 18%
Alternative Visuals
Longest Units
Top 11 longest units
Unit# linesMcCabe index# params
public render()
in app/templates/src/hub/hub.tsx
79 3 0
async prompting()
in app/index.js
31 1 0
writing()
in app/index.js
13 1 0
validateId()
in app/index.js
7 4 1
constructor()
in app/templates/src/hub/hub.tsx
7 1 1
validateNotEmpty()
in app/index.js
3 3 1
public componentDidMount()
in app/templates/src/hub/hub.tsx
3 1 0
private openDialog()
in app/templates/src/hub/hub.tsx
3 1 0
private closeDialog()
in app/templates/src/hub/hub.tsx
3 1 0
private openPanel()
in app/templates/src/hub/hub.tsx
3 1 0
private closePanel()
in app/templates/src/hub/hub.tsx
3 1 0