reactjs / react-codemod
File Size

The distribution of size of files (measured in lines of code).

Intro
  • File size measurements show the distribution of size of files.
  • Files are classified in four categories based on their size (lines of code): 1-100 (very small files), 101-200 (small files), 201-500 (medium size files), 501-1000 (long files), 1001+(very long files).
  • It is a good practice to keep files small. Long files may become "bloaters", code that have increased to such gargantuan proportions that they are hard to work with.
Learn more...
File Size Overall
  • There are 377 files with 7,878 lines of code.
    • 1 very long files (1,197 lines of code)
    • 0 long files (0 lines of code)
    • 7 medium size files (1,737 lines of codeclsfd_ftr_w_mp_ins)
    • 7 small files (1,073 lines of code)
    • 362 very small files (3,871 lines of code)
15% | 0% | 22% | 13% | 49%
Legend:
1001+
501-1000
201-500
101-200
1-100


explore: zoomable circles | sunburst | 3D view
File Size per Extension
1001+
501-1000
201-500
101-200
1-100
js15% | 0% | 22% | 13% | 49%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
transforms38% | 0% | 33% | 23% | 4%
transforms/__testfixtures__/class0% | 0% | 22% | 17% | 60%
transforms/utils0% | 0% | 81% | 0% | 18%
transforms/__testfixtures__0% | 0% | 0% | 0% | 100%
transforms/__testfixtures__/React-PropTypes-to-prop-types0% | 0% | 0% | 0% | 100%
transforms/__testfixtures__/rename-unsafe-lifecycles0% | 0% | 0% | 0% | 100%
transforms/__testfixtures__/ReactNative-View-propTypes0% | 0% | 0% | 0% | 100%
transforms/__testfixtures__/manual-bind-to-arrow0% | 0% | 0% | 0% | 100%
transforms/__testfixtures__/update-react-imports0% | 0% | 0% | 0% | 100%
transforms/__testfixtures__/React-DOM-to-react-dom-factories0% | 0% | 0% | 0% | 100%
transforms/__testfixtures__/react-to-react-dom0% | 0% | 0% | 0% | 100%
transforms/__testfixtures__/error-boundaries0% | 0% | 0% | 0% | 100%
jest0% | 0% | 0% | 0% | 100%
transforms/__testfixtures__/custom-sort-group0% | 0% | 0% | 0% | 100%
transforms/__testfixtures__/custom-sort0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
class.js
in transforms
1197 -
306 4
pure-component.js
in transforms
286 1
ReactUtils.js
in transforms/utils
249 1
class-initial-state.output.js
in transforms/__testfixtures__/class
233 29
232 1
class-initial-state.input.js
in transforms/__testfixtures__/class
217 38
214 12
class.input.js
in transforms/__testfixtures__/class
180 29
class.output.js
in transforms/__testfixtures__/class
180 12
166 1
sort-comp.js
in transforms
165 5
140 1
findDOMNode.js
in transforms
125 1
117 4
99 3
class-test2.input.js
in transforms/__testfixtures__/class
94 14
class-test2.output.js
in transforms/__testfixtures__/class
91 11
pure-component.input.js
in transforms/__testfixtures__
71 12
class-flow1.output.js
in transforms/__testfixtures__/class
57 -
pure-component.output.js
in transforms/__testfixtures__
56 12
class-flow6.output.js
in transforms/__testfixtures__/class
53 -
class-flow3.output.js
in transforms/__testfixtures__/class
52 1
pure-component2.input.js
in transforms/__testfixtures__
42 8
pure-component-destructuring.input.js
in transforms/__testfixtures__
42 6
pure-component-destructuring.output.js
in transforms/__testfixtures__
41 6
pure-render-mixin.output.js
in transforms/__testfixtures__
40 9
class-flow2.output.js
in transforms/__testfixtures__/class
39 2
class-flow3.input.js
in transforms/__testfixtures__/class
36 1
class-anonymous2.input.js
in transforms/__testfixtures__/class
36 4
class-anonymous2.output.js
in transforms/__testfixtures__/class
36 4
34 1
34 -
34 -
class-flow2.input.js
in transforms/__testfixtures__/class
34 2
class-flow4.input.js
in transforms/__testfixtures__/class
34 2
class-flow4.output.js
in transforms/__testfixtures__/class
34 2
create-react-class.input.js
in transforms/__testfixtures__/rename-unsafe-lifecycles
34 13
create-react-class.output.js
in transforms/__testfixtures__/rename-unsafe-lifecycles
34 13
class-flow1.input.js
in transforms/__testfixtures__/class
33 -
class-flow7.input.js
in transforms/__testfixtures__/class
33 -
class-flow6.input.js
in transforms/__testfixtures__/class
33 -
pure-render-mixin.input.js
in transforms/__testfixtures__
32 6
class-displayName.output.js
in transforms/__testfixtures__/class
32 6
array-polyfills.js
in transforms/utils
31 2
env.js
in jest
31 -
pure-component2.output.js
in transforms/__testfixtures__
30 3
class-flow7.output.js
in transforms/__testfixtures__/class
29 -
class-flow5.input.js
in transforms/__testfixtures__/class
29 4
sort-comp-pure.input.js
in transforms/__testfixtures__
27 7
Files With Most Units (Top 50)
File# lines# units
class-initial-state.input.js
in transforms/__testfixtures__/class
217 38
class-initial-state.output.js
in transforms/__testfixtures__/class
233 29
class.input.js
in transforms/__testfixtures__/class
180 29
class-test2.input.js
in transforms/__testfixtures__/class
94 14
create-react-class.input.js
in transforms/__testfixtures__/rename-unsafe-lifecycles
34 13
create-react-class.output.js
in transforms/__testfixtures__/rename-unsafe-lifecycles
34 13
pure-component.output.js
in transforms/__testfixtures__
56 12
class.output.js
in transforms/__testfixtures__/class
180 12
pure-component.input.js
in transforms/__testfixtures__
71 12
214 12
class-test2.output.js
in transforms/__testfixtures__/class
91 11
pure-render-mixin.output.js
in transforms/__testfixtures__
40 9
pure-component2.input.js
in transforms/__testfixtures__
42 8
class.tsx.input.js
in transforms/__testfixtures__/rename-unsafe-lifecycles/typescript
13 8
class.tsx.output.js
in transforms/__testfixtures__/rename-unsafe-lifecycles/typescript
13 8
sort-comp-pure.input.js
in transforms/__testfixtures__
27 7
sort-comp2.output.js
in transforms/__testfixtures__
21 7
sort-comp2.input.js
in transforms/__testfixtures__
27 7
sort-comp3.input.js
in transforms/__testfixtures__
27 7
sort-comp3.output.js
in transforms/__testfixtures__
21 7
instance-methods.output.js
in transforms/__testfixtures__/rename-unsafe-lifecycles
17 7
instance-methods.input.js
in transforms/__testfixtures__/rename-unsafe-lifecycles
17 7
sort-comp-pure.output.js
in transforms/__testfixtures__
21 7
pure-render-mixin.input.js
in transforms/__testfixtures__
32 6
class-displayName.output.js
in transforms/__testfixtures__/class
32 6
pure-component-destructuring.output.js
in transforms/__testfixtures__
41 6
pure-component-destructuring.input.js
in transforms/__testfixtures__
42 6
sort-comp.js
in transforms
165 5
sort-comp.output.js
in transforms/__testfixtures__
19 5
sort-comp.input.js
in transforms/__testfixtures__
23 5
117 4
findDOMNode.output.js
in transforms/__testfixtures__
25 4
findDOMNode.input.js
in transforms/__testfixtures__
25 4
class-displayName.input.js
in transforms/__testfixtures__/class
27 4
class-flow5.input.js
in transforms/__testfixtures__/class
29 4
class-anonymous2.input.js
in transforms/__testfixtures__/class
36 4
class-anonymous2.output.js
in transforms/__testfixtures__/class
36 4
306 4
99 3
pure-component2.output.js
in transforms/__testfixtures__
30 3
custom-sort-group.input.js
in transforms/__testfixtures__/custom-sort-group
14 3
custom-sort-group.output.js
in transforms/__testfixtures__/custom-sort-group
14 3
create-class-component.output.js
in transforms/__testfixtures__/error-boundaries
15 3
create-class-component.input.js
in transforms/__testfixtures__/error-boundaries
15 3
class-prune-react3.output.js
in transforms/__testfixtures__/class
18 3
class-flow5.output.js
in transforms/__testfixtures__/class
27 3
class-prune-react.output.js
in transforms/__testfixtures__/class
14 3
standalone-function.input.js
in transforms/__testfixtures__/rename-unsafe-lifecycles
6 3
array-polyfills.js
in transforms/utils
31 2
custom-sort.input.js
in transforms/__testfixtures__/custom-sort
13 2
Files With Long Lines (Top 0)

There are 0 files with lines longer than 120 characters. In total, there are 0 long lines.

File# lines# units# long lines
Correlations

File Size vs. Commits (all time): 392 points

transforms/update-react-imports.js x: 9 commits (all time) y: 306 lines of code transforms/__testfixtures__/update-react-imports/destructure-named-imports-react-not-removed.input.js x: 1 commits (all time) y: 4 lines of code transforms/__testfixtures__/update-react-imports/react-jsx-member-expression.output.js x: 3 commits (all time) y: 2 lines of code transforms/pure-component.js x: 14 commits (all time) y: 286 lines of code transforms/__testfixtures__/manual-bind-to-arrow/manual-bind-to-arrow11.input.js x: 1 commits (all time) y: 11 lines of code transforms/class.js x: 33 commits (all time) y: 1197 lines of code transforms/manual-bind-to-arrow.js x: 6 commits (all time) y: 117 lines of code transforms/utils/doesNotUseArguments.js x: 1 commits (all time) y: 24 lines of code transforms/__testfixtures__/update-react-imports/react-already-used-named-export.input.js x: 2 commits (all time) y: 2 lines of code transforms/__testfixtures__/pure-component.input.js x: 6 commits (all time) y: 71 lines of code transforms/__testfixtures__/pure-component.output.js x: 6 commits (all time) y: 56 lines of code transforms/__testfixtures__/pure-component2.input.js x: 4 commits (all time) y: 42 lines of code transforms/__testfixtures__/pure-component2.output.js x: 4 commits (all time) y: 30 lines of code transforms/utils/ReactUtils.js x: 19 commits (all time) y: 249 lines of code transforms/__testfixtures__/manual-bind-to-arrow/manual-bind-to-arrow10.output.js x: 1 commits (all time) y: 6 lines of code transforms/React-DOM-to-react-dom-factories.js x: 6 commits (all time) y: 99 lines of code transforms/React-PropTypes-to-prop-types.js x: 36 commits (all time) y: 214 lines of code transforms/ReactNative-View-propTypes.js x: 10 commits (all time) y: 166 lines of code transforms/create-element-to-jsx.js x: 49 commits (all time) y: 232 lines of code transforms/findDOMNode.js x: 5 commits (all time) y: 125 lines of code transforms/pure-render-mixin.js x: 3 commits (all time) y: 140 lines of code transforms/rename-unsafe-lifecycles.js x: 10 commits (all time) y: 34 lines of code transforms/sort-comp.js x: 28 commits (all time) y: 165 lines of code transforms/utils/array-polyfills.js x: 3 commits (all time) y: 31 lines of code jest/env.js x: 8 commits (all time) y: 31 lines of code transforms/__testfixtures__/class/class-pure-mixin2.input.js x: 2 commits (all time) y: 14 lines of code transforms/__testfixtures__/class/class-top-comment.output.js x: 2 commits (all time) y: 8 lines of code transforms/__testfixtures__/rename-unsafe-lifecycles/manually-invoked-mixin-methods.input.js x: 2 commits (all time) y: 16 lines of code transforms/__testfixtures__/rename-unsafe-lifecycles/arrow-functions.output.js x: 3 commits (all time) y: 13 lines of code transforms/__testfixtures__/rename-unsafe-lifecycles/create-react-class.input.js x: 2 commits (all time) y: 34 lines of code transforms/__testfixtures__/rename-unsafe-lifecycles/create-react-class.output.js x: 3 commits (all time) y: 34 lines of code transforms/__testfixtures__/rename-unsafe-lifecycles/instance-methods.output.js x: 3 commits (all time) y: 17 lines of code transforms/__testfixtures__/sort-comp-pure.output.js x: 1 commits (all time) y: 21 lines of code transforms/error-boundaries.js x: 6 commits (all time) y: 11 lines of code transforms/__testfixtures__/React-PropTypes-to-prop-types/assigned-to-var-with-different-name.input.js x: 3 commits (all time) y: 5 lines of code transforms/__testfixtures__/class/class-initial-state.input.js x: 6 commits (all time) y: 217 lines of code transforms/__testfixtures__/class/class-initial-state.output.js x: 11 commits (all time) y: 233 lines of code transforms/__testfixtures__/pure-component-destructuring.input.js x: 2 commits (all time) y: 42 lines of code transforms/__testfixtures__/React-PropTypes-to-prop-types/module-name.input.js x: 1 commits (all time) y: 15 lines of code transforms/__testfixtures__/React-PropTypes-to-prop-types/default-import.input.js x: 5 commits (all time) y: 19 lines of code transforms/__testfixtures__/React-PropTypes-to-prop-types/require-destructured-multi.output.js x: 3 commits (all time) y: 19 lines of code transforms/__testfixtures__/class/class-prune-react3.output.js x: 6 commits (all time) y: 18 lines of code transforms/__testfixtures__/class/class-pure-mixin3.output.js x: 9 commits (all time) y: 14 lines of code transforms/__testfixtures__/class/class-test2.output.js x: 8 commits (all time) y: 91 lines of code transforms/__testfixtures__/class/class.output.js x: 8 commits (all time) y: 180 lines of code transforms/React-propTypes-to-prop-types.js x: 2 commits (all time) y: 214 lines of code transforms/__testfixtures__/React-propTypes-to-prop-types/default-import.input.js x: 2 commits (all time) y: 19 lines of code transforms/__testfixtures__/class/class-create-class-naming.output.js x: 4 commits (all time) y: 7 lines of code transforms/__testfixtures__/class/class-displayName.input.js x: 2 commits (all time) y: 27 lines of code transforms/__testfixtures__/class/class-anonymous2.input.js x: 1 commits (all time) y: 36 lines of code transforms/__testfixtures__/class/class-flow1.output.js x: 1 commits (all time) y: 57 lines of code transforms/__testfixtures__/class/class-flow2.output.js x: 1 commits (all time) y: 39 lines of code transforms/__testfixtures__/class/class-flow3.output.js x: 1 commits (all time) y: 52 lines of code transforms/__testfixtures__/class/class-flow5.input.js x: 1 commits (all time) y: 29 lines of code transforms/__testfixtures__/class/class-test2.input.js x: 1 commits (all time) y: 94 lines of code transforms/__testfixtures__/class/class.input.js x: 1 commits (all time) y: 180 lines of code transforms/__testfixtures__/sort-comp3.input.js x: 4 commits (all time) y: 27 lines of code transforms/__testfixtures__/pure-render-mixin.input.js x: 2 commits (all time) y: 32 lines of code
1197.0
lines of code
  min: 1.0
  average: 21.17
  25th percentile: 3.0
  median: 7.0
  75th percentile: 15.0
  max: 1197.0
0 49.0
commits (all time)
min: 1.0 | average: 2.41 | 25th percentile: 1.0 | median: 2.0 | 75th percentile: 2.0 | max: 49.0

File Size vs. Contributors (all time): 392 points

transforms/update-react-imports.js x: 3 contributors (all time) y: 306 lines of code transforms/__testfixtures__/update-react-imports/destructure-named-imports-react-not-removed.input.js x: 1 contributors (all time) y: 4 lines of code transforms/__testfixtures__/update-react-imports/react-jsx-member-expression.output.js x: 3 contributors (all time) y: 2 lines of code transforms/pure-component.js x: 10 contributors (all time) y: 286 lines of code transforms/__testfixtures__/manual-bind-to-arrow/manual-bind-to-arrow11.input.js x: 1 contributors (all time) y: 11 lines of code transforms/class.js x: 11 contributors (all time) y: 1197 lines of code transforms/manual-bind-to-arrow.js x: 5 contributors (all time) y: 117 lines of code transforms/utils/doesNotUseArguments.js x: 1 contributors (all time) y: 24 lines of code transforms/__testfixtures__/update-react-imports/flow-default-and-type-specifier-import-react-variable.output.js x: 2 contributors (all time) y: 4 lines of code transforms/__testfixtures__/pure-component.input.js x: 5 contributors (all time) y: 71 lines of code transforms/__testfixtures__/pure-component.output.js x: 5 contributors (all time) y: 56 lines of code transforms/__testfixtures__/pure-component2.input.js x: 4 contributors (all time) y: 42 lines of code transforms/__testfixtures__/pure-component2.output.js x: 4 contributors (all time) y: 30 lines of code transforms/utils/ReactUtils.js x: 13 contributors (all time) y: 249 lines of code transforms/__testfixtures__/manual-bind-to-arrow/manual-bind-to-arrow10.output.js x: 1 contributors (all time) y: 6 lines of code transforms/React-DOM-to-react-dom-factories.js x: 4 contributors (all time) y: 99 lines of code transforms/React-PropTypes-to-prop-types.js x: 14 contributors (all time) y: 214 lines of code transforms/ReactNative-View-propTypes.js x: 5 contributors (all time) y: 166 lines of code transforms/create-element-to-jsx.js x: 11 contributors (all time) y: 232 lines of code transforms/findDOMNode.js x: 3 contributors (all time) y: 125 lines of code transforms/pure-render-mixin.js x: 2 contributors (all time) y: 140 lines of code transforms/rename-unsafe-lifecycles.js x: 2 contributors (all time) y: 34 lines of code transforms/sort-comp.js x: 13 contributors (all time) y: 165 lines of code transforms/utils/array-polyfills.js x: 2 contributors (all time) y: 31 lines of code transforms/__testfixtures__/class/class-pure-mixin2.input.js x: 2 contributors (all time) y: 14 lines of code transforms/__testfixtures__/class/class-top-comment.output.js x: 2 contributors (all time) y: 8 lines of code transforms/__testfixtures__/rename-unsafe-lifecycles/manually-invoked-mixin-methods.input.js x: 1 contributors (all time) y: 16 lines of code transforms/__testfixtures__/rename-unsafe-lifecycles/create-react-class.input.js x: 1 contributors (all time) y: 34 lines of code transforms/__testfixtures__/sort-comp-pure.output.js x: 1 contributors (all time) y: 21 lines of code transforms/error-boundaries.js x: 3 contributors (all time) y: 11 lines of code transforms/__testfixtures__/class/class-initial-state.input.js x: 6 contributors (all time) y: 217 lines of code transforms/__testfixtures__/class/class-initial-state.output.js x: 6 contributors (all time) y: 233 lines of code transforms/__testfixtures__/class/class-prune-react4.output.js x: 3 contributors (all time) y: 16 lines of code transforms/__testfixtures__/class/class-pure-mixin5.output.js x: 3 contributors (all time) y: 8 lines of code transforms/__testfixtures__/error-boundaries/create-class-component.input.js x: 2 contributors (all time) y: 15 lines of code transforms/__testfixtures__/pure-component-destructuring.input.js x: 2 contributors (all time) y: 42 lines of code transforms/__testfixtures__/React-PropTypes-to-prop-types/default-import.input.js x: 2 contributors (all time) y: 19 lines of code transforms/__testfixtures__/class/class-test2.output.js x: 3 contributors (all time) y: 91 lines of code transforms/__testfixtures__/class/class.output.js x: 3 contributors (all time) y: 180 lines of code transforms/React-propTypes-to-prop-types.js x: 2 contributors (all time) y: 214 lines of code transforms/__testfixtures__/class/class-displayName.input.js x: 2 contributors (all time) y: 27 lines of code transforms/__testfixtures__/class/class-flow1.output.js x: 1 contributors (all time) y: 57 lines of code transforms/__testfixtures__/class/class-flow2.output.js x: 1 contributors (all time) y: 39 lines of code transforms/__testfixtures__/class/class-flow3.output.js x: 1 contributors (all time) y: 52 lines of code transforms/__testfixtures__/class/class-flow5.input.js x: 1 contributors (all time) y: 29 lines of code transforms/__testfixtures__/class/class-test2.input.js x: 1 contributors (all time) y: 94 lines of code transforms/__testfixtures__/class/class.input.js x: 1 contributors (all time) y: 180 lines of code transforms/__testfixtures__/sort-comp3.input.js x: 3 contributors (all time) y: 27 lines of code
1197.0
lines of code
  min: 1.0
  average: 21.17
  25th percentile: 3.0
  median: 7.0
  75th percentile: 15.0
  max: 1197.0
0 14.0
contributors (all time)
min: 1.0 | average: 1.8 | 25th percentile: 1.0 | median: 2.0 | 75th percentile: 2.0 | max: 14.0

File Size vs. Commits (30 days): 0 points

No data for "commits (30d)" vs. "lines of code".

File Size vs. Contributors (30 days): 0 points

No data for "contributors (30d)" vs. "lines of code".


File Size vs. Commits (90 days): 0 points

No data for "commits (90d)" vs. "lines of code".

File Size vs. Contributors (90 days): 0 points

No data for "contributors (90d)" vs. "lines of code".