reactjs / react-codemod

Conditional Complexity

The distribution of complexity of units (measured with McCabe index).

Intro

Conditional complexity (also called cyclomatic complexity) is a term used to measure the complexity of software. The term refers to the number of possible paths through a program function. A higher value ofter means higher maintenance and testing costs (infosecinstitute.com).
Conditional complexity is calculated by counting all conditions in the program that can affect the execution path (e.g. if statement, loops, switches, and/or operators, try and catch blocks...).
Conditional complexity is measured at the unit level (methods, functions...).
Units are classified in four categories based on the measured McCabe index: 1-5 (simple units), 6-10 (medium complex units), 11-25 (complex units), 26+ (very complex units).

Learn more...

Conditional Complexity Overall

There are 517 units with 3,819 lines of code in units (48.5% of code).

1 very complex units (231 lines of code)
4 complex units (909 lines of code)
7 medium complex units (593 lines of code)
5 simple units (140 lines of code)
500 very simple units (1,946 lines of code)

Legend:

51+

26-50

11-25

6-10

1-5

Alternative Visuals

3D view of all units

Conditional Complexity per Extension

51+

26-50

11-25

6-10

1-5

Conditional Complexity per Logical Component

primary logical decomposition

51+

26-50

11-25

6-10

1-5

Most Complex Units

Top 50 most complex units

Unit	# lines	McCabe index	# params
module.exports = function() in transforms/create-element-to-jsx.js	231	64	3
module.exports = function() in transforms/update-react-imports.js	282	50	3
module.exports = function() in transforms/pure-component.js	285	45	3
module.exports = function() in transforms/utils/ReactUtils.js	248	38	1
export default function transformer() in transforms/manual-bind-to-arrow.js	94	34	3
module.exports = function() in transforms/ReactNative-View-propTypes.js	133	20	3
module.exports = function() in transforms/React-DOM-to-react-dom-factories.js	60	17	3
function removePureRenderMixin() in transforms/pure-render-mixin.js	138	16	3
function getDOMNodeToFindDOMNode() in transforms/findDOMNode.js	123	16	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 selectorMatches() in transforms/sort-comp.js	30	11	2
module.exports = function() in transforms/React-PropTypes-to-prop-types.js	21	10	3
constructor() in transforms/__testfixtures__/class/class-initial-state.output.js	30	8	2
getInitialState() in transforms/__testfixtures__/class/class-initial-state.input.js	24	8	0
function addPropTypesImport() in transforms/React-PropTypes-to-prop-types.js	38	8	2
function getMethodsOrderFromEslint() in transforms/sort-comp.js	27	7	1
function getCorrectIndex() in transforms/sort-comp.js	13	5	2
export default() in transforms/rename-unsafe-lifecycles.js	29	5	3
function findIndex() in transforms/utils/array-polyfills.js	18	5	2
function findImportAfterPropTypes() in transforms/React-PropTypes-to-prop-types.js	11	4	2
function findRequireAfterPropTypes() in transforms/React-PropTypes-to-prop-types.js	13	4	2
function removePropTypesImport() in transforms/React-PropTypes-to-prop-types.js	21	4	2
function getMethodsOrder() in transforms/sort-comp.js	7	3	2
function replaceReactDOMReferences() in transforms/React-DOM-to-react-dom-factories.js	20	3	2
Array.prototype.find = function() in transforms/utils/array-polyfills.js	7	3	2
module.exports = function() in transforms/utils/doesNotUseArguments.js	23	3	1
_renderRange: function() in transforms/__testfixtures__/class/class.input.js	19	3	3
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
function replacePropTypesReferences() in transforms/React-PropTypes-to-prop-types.js	18	3	2
function isVariableDeclared() in transforms/update-react-imports.js	15	3	1
module.exports = function() in transforms/error-boundaries.js	11	2	3
function replaceDOMReferences() in transforms/React-DOM-to-react-dom-factories.js	18	2	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
onClick() in transforms/__testfixtures__/manual-bind-to-arrow/manual-bind-to-arrow11.input.js	5	2	0
constructor() in transforms/__testfixtures__/manual-bind-to-arrow/manual-bind-to-arrow2.output.js	6	2	1
constructor() in transforms/__testfixtures__/manual-bind-to-arrow/manual-bind-to-arrow2.input.js	7	2	1
createRouteFromReactElement() in transforms/__testfixtures__/class/class-flow2.input.js	10	2	2
doStuff: function() in transforms/__testfixtures__/class/class-flow5.input.js	3	2	2
_renderImageRange: function() in transforms/__testfixtures__/class/class.input.js	13	2	2
heyoo: getContextFromInstance() in transforms/__testfixtures__/class/class-initial-state.input.js	7	2	1
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
throw Error() in transforms/update-react-imports.js	5	2	1
function withComments() in transforms/manual-bind-to-arrow.js	4	1	2
function createArrowFunctionExpression() in transforms/manual-bind-to-arrow.js	8	1	1
function createArrowProperty() in transforms/manual-bind-to-arrow.js	11	1	1
function render() in transforms/__testfixtures__/pure-component2.input.js	3	1	0