reactjs / react-transition-group
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 33 files with 2,313 lines of code.
    • 0 very long files (0 lines of code)
    • 0 long files (0 lines of code)
    • 2 medium size files (497 lines of codeclsfd_ftr_w_mp_ins)
    • 6 small files (842 lines of code)
    • 25 very small files (974 lines of code)
0% | 0% | 21% | 36% | 42%
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
js0% | 0% | 23% | 32% | 44%
scss0% | 0% | 0% | 87% | 12%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src0% | 0% | 60% | 32% | 7%
www/src/templates0% | 0% | 0% | 100% | 0%
stories/transitions0% | 0% | 0% | 66% | 33%
www/src/css0% | 0% | 0% | 87% | 12%
stories0% | 0% | 0% | 33% | 66%
www/src/pages0% | 0% | 0% | 0% | 100%
src/utils0% | 0% | 0% | 0% | 100%
www/src/components0% | 0% | 0% | 0% | 100%
www0% | 0% | 0% | 0% | 100%
ROOT0% | 0% | 0% | 0% | 100%
Longest Files (Top 33)
File# lines# units
281 15
216 3
component.js
in www/src/templates
 180 3
Bootstrap.js
in stories/transitions
 142 4
137 8
prism-theme.scss
in www/src/css
 134 -
129 6
120 3
ChildMapping.js
in src/utils
 90 11
81 2
Layout.js
in www/src/components
 71 -
with-react-router.js
in www/src/pages
 69 -
index.js
in www/src/pages
 62 -
59 -
Transition.js
in stories
 57 1
55 -
49 1
testing.js
in www/src/pages
 47 -
47 1
46 -
Fade.js
in stories/transitions
 36 1
Scale.js
in stories/transitions
 36 1
35 1
Example.js
in www/src/components
 31 -
PropTypes.js
in src/utils
 31 -
SimpleSet.js
in src/utils
 21 5
_variables.scss
in www/src/css
 19 -
StoryFixture.js
in stories
 15 1
index.js
in src
 6 -
3 -
index.js
in stories
 3 -
config.js
in src
 3 -
2 -
Files With Most Units (Top 17)
File# lines# units
281 15
ChildMapping.js
in src/utils
 90 11
137 8
129 6
SimpleSet.js
in src/utils
 21 5
Bootstrap.js
in stories/transitions
 142 4
component.js
in www/src/templates
 180 3
120 3
216 3
81 2
Transition.js
in stories
 57 1
35 1
49 1
StoryFixture.js
in stories
 15 1
Fade.js
in stories/transitions
 36 1
Scale.js
in stories/transitions
 36 1
47 1
Files With Long Lines (Top 1)

There is only one file with lines longer than 120 characters. In total, there is only one long line.

File# lines# units# long lines
281 15 1
Correlations

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

www/src/pages/testing.js x: 3 commits (all time) y: 47 lines of code prettier.config.js x: 1 commits (all time) y: 3 lines of code rollup.config.js x: 6 commits (all time) y: 59 lines of code src/CSSTransition.js x: 48 commits (all time) y: 216 lines of code src/ReplaceTransition.js x: 5 commits (all time) y: 47 lines of code src/SwitchTransition.js x: 7 commits (all time) y: 137 lines of code src/Transition.js x: 45 commits (all time) y: 281 lines of code src/TransitionGroup.js x: 44 commits (all time) y: 129 lines of code src/config.js x: 2 commits (all time) y: 3 lines of code src/index.js x: 10 commits (all time) y: 6 lines of code src/utils/ChildMapping.js x: 6 commits (all time) y: 90 lines of code src/utils/PropTypes.js x: 13 commits (all time) y: 31 lines of code src/utils/SimpleSet.js x: 2 commits (all time) y: 21 lines of code stories/CSSTransitionGroupFixture.js x: 4 commits (all time) y: 49 lines of code stories/NestedTransition.js x: 6 commits (all time) y: 35 lines of code stories/ReplaceTransition.js x: 4 commits (all time) y: 81 lines of code stories/Transition.js x: 7 commits (all time) y: 57 lines of code stories/TransitionGroup.js x: 8 commits (all time) y: 120 lines of code stories/transitions/Bootstrap.js x: 5 commits (all time) y: 142 lines of code stories/transitions/Fade.js x: 4 commits (all time) y: 36 lines of code www/src/css/_variables.scss x: 2 commits (all time) y: 19 lines of code www/src/css/prism-theme.scss x: 2 commits (all time) y: 134 lines of code www/src/pages/with-react-router.js x: 4 commits (all time) y: 69 lines of code www/gatsby-node.js x: 3 commits (all time) y: 46 lines of code www/src/templates/component.js x: 15 commits (all time) y: 180 lines of code stories/StoryFixture.js x: 3 commits (all time) y: 15 lines of code www/gatsby-config.js x: 9 commits (all time) y: 55 lines of code www/src/components/Layout.js x: 11 commits (all time) y: 71 lines of code src/TransitionGroupContext.js x: 1 commits (all time) y: 2 lines of code www/src/components/Example.js x: 4 commits (all time) y: 31 lines of code www/src/pages/index.js x: 13 commits (all time) y: 62 lines of code
281.0
lines of code
  min: 2.0
  average: 70.09
  25th percentile: 26.0
  median: 49.0
  75th percentile: 105.0
  max: 281.0
0 48.0
commits (all time)
min: 1.0 | average: 9.18 | 25th percentile: 3.0 | median: 5.0 | 75th percentile: 9.5 | max: 48.0

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

www/src/pages/testing.js x: 3 contributors (all time) y: 47 lines of code prettier.config.js x: 1 contributors (all time) y: 3 lines of code rollup.config.js x: 3 contributors (all time) y: 59 lines of code src/CSSTransition.js x: 25 contributors (all time) y: 216 lines of code src/ReplaceTransition.js x: 5 contributors (all time) y: 47 lines of code src/SwitchTransition.js x: 7 contributors (all time) y: 137 lines of code src/Transition.js x: 18 contributors (all time) y: 281 lines of code src/TransitionGroup.js x: 23 contributors (all time) y: 129 lines of code src/config.js x: 2 contributors (all time) y: 3 lines of code src/index.js x: 5 contributors (all time) y: 6 lines of code src/utils/ChildMapping.js x: 2 contributors (all time) y: 90 lines of code src/utils/PropTypes.js x: 7 contributors (all time) y: 31 lines of code src/utils/SimpleSet.js x: 2 contributors (all time) y: 21 lines of code stories/CSSTransitionGroupFixture.js x: 4 contributors (all time) y: 49 lines of code stories/NestedTransition.js x: 5 contributors (all time) y: 35 lines of code stories/ReplaceTransition.js x: 4 contributors (all time) y: 81 lines of code stories/Transition.js x: 4 contributors (all time) y: 57 lines of code stories/TransitionGroup.js x: 5 contributors (all time) y: 120 lines of code stories/transitions/Bootstrap.js x: 5 contributors (all time) y: 142 lines of code stories/transitions/Fade.js x: 4 contributors (all time) y: 36 lines of code www/src/css/_variables.scss x: 2 contributors (all time) y: 19 lines of code www/src/css/prism-theme.scss x: 2 contributors (all time) y: 134 lines of code www/src/pages/with-react-router.js x: 2 contributors (all time) y: 69 lines of code www/gatsby-node.js x: 2 contributors (all time) y: 46 lines of code www/src/templates/component.js x: 3 contributors (all time) y: 180 lines of code stories/StoryFixture.js x: 2 contributors (all time) y: 15 lines of code www/gatsby-config.js x: 2 contributors (all time) y: 55 lines of code www/src/components/Layout.js x: 3 contributors (all time) y: 71 lines of code src/TransitionGroupContext.js x: 1 contributors (all time) y: 2 lines of code www/src/components/Example.js x: 1 contributors (all time) y: 31 lines of code www/src/pages/index.js x: 4 contributors (all time) y: 62 lines of code
281.0
lines of code
  min: 2.0
  average: 70.09
  25th percentile: 26.0
  median: 49.0
  75th percentile: 105.0
  max: 281.0
0 25.0
contributors (all time)
min: 1.0 | average: 4.94 | 25th percentile: 2.0 | median: 3.0 | 75th percentile: 5.0 | max: 25.0

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

www/src/pages/testing.js x: 1 commits (30d) y: 47 lines of code
47.0
lines of code
  min: 47.0
  average: 47.0
  25th percentile: 47.0
  median: 47.0
  75th percentile: 47.0
  max: 47.0
0 1.0
commits (30d)
min: 1.0 | average: 1.0 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 1.0 | max: 1.0

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

www/src/pages/testing.js x: 1 contributors (30d) y: 47 lines of code
47.0
lines of code
  min: 47.0
  average: 47.0
  25th percentile: 47.0
  median: 47.0
  75th percentile: 47.0
  max: 47.0
0 1.0
contributors (30d)
min: 1.0 | average: 1.0 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 1.0 | max: 1.0

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

www/src/pages/testing.js x: 1 commits (90d) y: 47 lines of code
47.0
lines of code
  min: 47.0
  average: 47.0
  25th percentile: 47.0
  median: 47.0
  75th percentile: 47.0
  max: 47.0
0 1.0
commits (90d)
min: 1.0 | average: 1.0 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 1.0 | max: 1.0

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

www/src/pages/testing.js x: 1 contributors (90d) y: 47 lines of code
47.0
lines of code
  min: 47.0
  average: 47.0
  25th percentile: 47.0
  median: 47.0
  75th percentile: 47.0
  max: 47.0
0 1.0
contributors (90d)
min: 1.0 | average: 1.0 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 1.0 | max: 1.0