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 517 units with 3,819 lines of code in units (48.5% of code).

7 very long units (1,440 lines of code)
4 long units (263 lines of code)
9 medium size units (243 lines of code)
19 small units (265 lines of code)
478 very small units (1,608 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
module.exports = function() in transforms/pure-component.js	285	45	3
module.exports = function() in transforms/update-react-imports.js	282	50	3
module.exports = function() in transforms/utils/ReactUtils.js	248	38	1
module.exports = function() in transforms/create-element-to-jsx.js	231	64	3
function removePureRenderMixin() in transforms/pure-render-mixin.js	138	16	3
module.exports = function() in transforms/ReactNative-View-propTypes.js	133	20	3
function getDOMNodeToFindDOMNode() in transforms/findDOMNode.js	123	16	3
export default function transformer() in transforms/manual-bind-to-arrow.js	94	34	3
module.exports = function() in transforms/React-DOM-to-react-dom-factories.js	60	17	3
function removeDestructuredPropTypeStatements() in transforms/React-PropTypes-to-prop-types.js	56	13	2
module.exports = function() in transforms/sort-comp.js	53	12	3
function addPropTypesImport() in transforms/React-PropTypes-to-prop-types.js	38	8	2
function selectorMatches() in transforms/sort-comp.js	30	11	2
constructor() in transforms/__testfixtures__/class/class-initial-state.output.js	30	8	2
export default() in transforms/rename-unsafe-lifecycles.js	29	5	3
function getMethodsOrderFromEslint() in transforms/sort-comp.js	27	7	1
getInitialState() in transforms/__testfixtures__/class/class-initial-state.input.js	24	8	0
module.exports = function() in transforms/utils/doesNotUseArguments.js	23	3	1
module.exports = function() in transforms/React-PropTypes-to-prop-types.js	21	10	3
function removePropTypesImport() in transforms/React-PropTypes-to-prop-types.js	21	4	2
function replaceReactDOMReferences() in transforms/React-DOM-to-react-dom-factories.js	20	3	2
_renderRange: function() in transforms/__testfixtures__/class/class.input.js	19	3	3
function replaceDOMReferences() in transforms/React-DOM-to-react-dom-factories.js	18	2	2
function findIndex() in transforms/utils/array-polyfills.js	18	5	2
function replacePropTypesReferences() in transforms/React-PropTypes-to-prop-types.js	18	3	2
render() in transforms/__testfixtures__/ReactNative-View-propTypes/multiple-replacements.input.js	15	2	0
render() in transforms/__testfixtures__/ReactNative-View-propTypes/multiple-replacements.output.js	15	2	0
function isVariableDeclared() in transforms/update-react-imports.js	15	3	1
function getCorrectIndex() in transforms/sort-comp.js	13	5	2
_renderImageRange: function() in transforms/__testfixtures__/class/class.input.js	13	2	2
function findRequireAfterPropTypes() in transforms/React-PropTypes-to-prop-types.js	13	4	2
module.exports = function() in transforms/error-boundaries.js	11	2	3
function createArrowProperty() in transforms/manual-bind-to-arrow.js	11	1	1
optionalString: getPropTypes() in transforms/__testfixtures__/class/class-flow3.input.js	11	1	0
constructor() in transforms/__testfixtures__/class/class-initial-state.output.js	11	1	1
render: function() in transforms/__testfixtures__/class/class.input.js	11	1	0
optionalString: getPropTypes() in transforms/__testfixtures__/class/class-flow3.output.js	11	1	0
render() in transforms/__testfixtures__/class/class.output.js	11	1	0
function findImportAfterPropTypes() in transforms/React-PropTypes-to-prop-types.js	11	4	2
createRouteFromReactElement() in transforms/__testfixtures__/class/class-flow2.input.js	10	2	2
getInitialState() in transforms/__testfixtures__/class/class-initial-state.input.js	10	1	0
componentDidMount() in transforms/__testfixtures__/class/class-test2.output.js	10	3	0
componentDidMount: function() in transforms/__testfixtures__/class/class-test2.input.js	10	3	0
static createRouteFromReactElement() in transforms/__testfixtures__/class/class-flow2.output.js	10	2	2
function removeEmptyReactImport() in transforms/React-PropTypes-to-prop-types.js	10	2	2
function createArrowFunctionExpression() in transforms/manual-bind-to-arrow.js	8	1	1
render: function() in transforms/__testfixtures__/class/class.input.js	8	1	0
heyoo: getContextFromInstance() in transforms/__testfixtures__/class/class-initial-state.input.js	8	1	1
render() in transforms/__testfixtures__/class/class.output.js	8	1	0
constructor() in transforms/__testfixtures__/class/class-test2.output.js	8	1	1