reactjs / react-future
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 57 units with 343 lines of code in units (45.7% of code).
    • 0 very long units (0 lines of code)
    • 0 long units (0 lines of code)
    • 1 medium size units (26 lines of code)
    • 2 small units (25 lines of code)
    • 54 very small units (292 lines of code)
0% | 0% | 7% | 7% | 85%
Legend:
101+
51-100
21-50
11-20
1-10
Unit Size per Extension
101+
51-100
21-50
11-20
1-10
js0% | 0% | 7% | 7% | 85%
Unit Size per Logical Component
primary logical decomposition
101+
51-100
21-50
11-20
1-10
01 - Core0% | 0% | 20% | 0% | 79%
04 - Layout0% | 0% | 0% | 19% | 80%
09 - Reduce State0% | 0% | 0% | 28% | 71%
07 - Returning State0% | 0% | 0% | 0% | 100%
05 - Workers0% | 0% | 0% | 0% | 100%
Alternative Visuals
Longest Units
Top 50 longest units
Unit# linesMcCabe index# params
26 1 6
14 2 0
11 4 3
10 2 0
9 3 2
9 4 3
9 4 3
8 3 1
8 1 0
8 1 0
8 1 0
8 3 0
8 1 0
8 1 2
8 1 2
8 2 2
8 1 2
8 1 2
8 2 2
7 1 0
7 1 0
7 1 13
7 2 3
7 2 3
7 1 0
6 1 1
6 1 0
6 1 4
5 1 2
5 2 0
5 1 2
4 1 0
4 1 0
4 1 0
4 1 0
4 1 0
4 1 0
4 1 0
4 1 2
4 1 0
3 1 0
3 1 0
3 1 0
3 1 0
3 1 0
3 1 0
3 1 0
3 1 0
3 1 2
3 1 1