aws-samples / aws-serverless-auth-workshop
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 76 units with 683 lines of code in units (12.4% of code).
    • 0 very long units (0 lines of code)
    • 1 long units (59 lines of code)
    • 4 medium size units (114 lines of code)
    • 16 small units (221 lines of code)
    • 55 very small units (289 lines of code)
0% | 8% | 16% | 32% | 42%
Legend:
101+
51-100
21-50
11-20
1-10
Unit Size per Extension
101+
51-100
21-50
11-20
1-10
js0% | 8% | 16% | 32% | 42%
Unit Size per Logical Component
primary logical decomposition
101+
51-100
21-50
11-20
1-10
resources/code/website/src/components0% | 30% | 14% | 33% | 21%
resources/code/website/src/pages0% | 0% | 58% | 20% | 21%
resources/code/website/public/js0% | 0% | 10% | 21% | 67%
resources/code/website/src/auth0% | 0% | 0% | 39% | 60%
resources/code/website/server0% | 0% | 0% | 100% | 0%
resources/code/website/src0% | 0% | 0% | 100% | 0%
Alternative Visuals
Longest Units
Top 20 longest units
Unit# linesMcCabe index# params
async componentDidMount()
in resources/code/website/src/components/ESRIMap.js
59 4 0
render()
in resources/code/website/src/pages/MainApp.js
33 2 0
async onClick()
in resources/code/website/src/pages/MainApp.js
31 3 0
async loadEsriModules()
in resources/code/website/src/components/ESRIMap.js
28 1 0
function handleRegister()
in resources/code/website/public/js/cognito-auth.js
22 3 1
constructor()
in resources/code/website/src/components/BaseMap.js
19 1 1
constructor()
in resources/code/website/src/components/ESRIMap.js
19 1 1
function()
in resources/code/website/server/requestUnicorn.js
18 2 2
function requestUnicorn()
in resources/code/website/public/js/ride.js
17 1 1
render()
in resources/code/website/src/index.js
16 1 0
function animateArrival()
in resources/code/website/public/js/ride.js
15 3 1
componentDidMount()
in resources/code/website/src/components/BaseMap.js
14 1 0
$()
in resources/code/website/public/js/ride.js
13 3 1
renderSignUp()
in resources/code/website/src/auth/SignUp.js
12 2 0
updateExtent()
in resources/code/website/src/components/ESRIMap.js
12 2 1
renderSignIn()
in resources/code/website/src/auth/SignIn.js
11 1 0
renderConfirm()
in resources/code/website/src/auth/SignIn.js
11 1 0
constructor()
in resources/code/website/src/auth/SignUp.js
11 1 1
renderConfirm()
in resources/code/website/src/auth/SignUp.js
11 1 0
constructor()
in resources/code/website/src/pages/MainApp.js
11 1 1