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 237 units with 4,308 lines of code in units (80.9% of code).

1 very long units (101 lines of code)
12 long units (735 lines of code)
58 medium size units (1,770 lines of code)
71 small units (1,077 lines of code)
95 very small units (625 lines of code)

Legend:

101+

51-100

21-50

11-20

1-10

Unit Size per Extension

101+

51-100

21-50

11-20

1-10

Unit Size per Logical Component

primary logical decomposition

101+

51-100

21-50

11-20

1-10

Alternative Visuals

3D view of all units

Longest Units

Top 50 longest units

Unit	# lines	McCabe index	# params
export default function resolveToValue() in src/utils/resolveToValue.ts	101	35	2
function resolvesToJSXElementOrReactCall() in src/utils/isStatelessComponent.ts	87	23	3
key: getTSTypeWithResolvedTypes() in src/utils/getTSType.ts	68	1	1
export function resolveObjectToPropMap() in src/utils/resolveObjectValuesToArray.ts	67	26	3
function setPropDescriptor() in src/handlers/flowTypeHandler.ts	67	10	4
function toArray() in src/utils/expressionTo.ts	64	13	2
function handleGenericTypeAnnotation() in src/utils/getFlowType.ts	61	17	3
export function applyToFlowTypeProperties() in src/utils/getFlowTypeFromReactComponent.ts	57	11	4
export default function componentMethodsHandler() in src/handlers/componentMethodsHandler.ts	55	12	3
export function resolveObjectToNameArray() in src/utils/resolveObjectKeysToArray.ts	53	20	3
raw: printValue() in src/utils/getFlowType.ts	53	14	1
export default function displayNameHandler() in src/handlers/displayNameHandler.ts	52	15	3
function handleTSTypeReference() in src/utils/getTSType.ts	51	12	3
function getType() in src/utils/parseJsDoc.ts	47	14	1
export default function isReactComponentClass() in src/utils/isReactComponentClass.ts	44	17	2
export default function getPropType() in src/utils/getPropType.ts	43	14	2
function amendPropTypes() in src/handlers/propTypeHandler.ts	43	9	1
function getDefaultValuesFromProps() in src/handlers/defaultPropsHandler.ts	43	8	4
export default function normalizeClassDefinition() in src/utils/normalizeClassDefinition.ts	42	11	1
function findScopePath() in src/utils/resolveToValue.ts	42	15	3
export default function resolveToModule() in src/utils/resolveToModule.ts	41	16	2
function resolveName() in src/utils/getMemberExpressionValuePath.ts	40	12	2
function getDocblockFromComponent() in src/handlers/componentDocblockHandler.ts	39	13	2
function resolveImportedValue() in src/importer/makeFsImporter.ts	37	7	3
raw: printValue() in src/utils/getTSType.ts	37	11	1
function getTSTypeWithResolvedTypes() in src/utils/getTSType.ts	36	10	3
function getPropTypeShapish() in src/utils/getPropType.ts	36	7	3
function returnsJSXElementOrReactCall() in src/utils/isStatelessComponent.ts	36	7	3
function handleTSTypeLiteral() in src/utils/getTSType.ts	35	4	3
export default function isReactBuiltinCall() in src/utils/isReactBuiltinCall.ts	34	16	3
value: printValue() in src/utils/getPropType.ts	34	1	1
value: getTSTypeWithResolvedTypes() in src/utils/getTSType.ts	33	8	1
function getDefaultPlugins() in src/babelParser.ts	32	3	1
export default function resolveHOC() in src/utils/resolveHOC.ts	32	10	2
function getFlowTypeWithResolvedTypes() in src/utils/getFlowType.ts	31	10	3
export default function getTypeParameters() in src/utils/getTypeParameters.ts	31	9	4
function tryResolveGenericTypeAnnotation() in src/utils/resolveGenericTypeAnnotation.ts	30	8	2
function applyExtends() in src/utils/getFlowTypeFromReactComponent.ts	30	8	5
export default function getPropertyName() in src/utils/getPropertyName.ts	30	12	2
function getPropTypeHandler() in src/handlers/propTypeHandler.ts	30	5	1
function getDefaultPropsPath() in src/handlers/defaultPropsHandler.ts	30	7	2
function exportDeclaration() in src/resolver/findAllExportedComponentDefinitions.ts	30	6	1
visitExportNamedDeclaration() in src/importer/makeFsImporter.ts	29	12	1
function getMethodParamsDoc() in src/utils/getMethodDocumentation.ts	29	6	2
function handleTSTypeOperator() in src/utils/getTSType.ts	29	8	3
function getDefaultValue() in src/handlers/defaultPropsHandler.ts	29	7	2
export default function getMemberValuePath() in src/utils/getMemberValuePath.ts	28	7	3
function handleTSIndexedAccessType() in src/utils/getTSType.ts	28	3	3
export default function defaultPropsHandler() in src/handlers/defaultPropsHandler.ts	27	6	3
function exportDeclaration() in src/resolver/findExportedComponentDefinition.ts	27	6	1