reactjs / react-tabs
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 30 files with 1,475 lines of code.
    • 0 very long files (0 lines of code)
    • 0 long files (0 lines of code)
    • 1 medium size files (298 lines of codeclsfd_ftr_w_mp_ins)
    • 0 small files (0 lines of code)
    • 29 very small files (1,177 lines of code)
0% | 0% | 20% | 0% | 79%
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% | 24% | 0% | 75%
html0% | 0% | 0% | 0% | 100%
css0% | 0% | 0% | 0% | 100%
scss0% | 0% | 0% | 0% | 100%
less0% | 0% | 0% | 0% | 100%
yml0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src/components0% | 0% | 55% | 0% | 44%
src/helpers0% | 0% | 0% | 0% | 100%
style0% | 0% | 0% | 0% | 100%
old_examples/basic0% | 0% | 0% | 0% | 100%
old_examples/tab_enabled0% | 0% | 0% | 0% | 100%
old_examples/dyno0% | 0% | 0% | 0% | 100%
old_examples/nested0% | 0% | 0% | 0% | 100%
old_examples/umd0% | 0% | 0% | 0% | 100%
old_examples/conditional0% | 0% | 0% | 0% | 100%
ROOT0% | 0% | 0% | 0% | 100%
old_examples/focus0% | 0% | 0% | 0% | 100%
src0% | 0% | 0% | 0% | 100%
Longest Files (Top 30)
File# lines# units
UncontrolledTabs.js
in src/components
 298 16
propTypes.js
in src/helpers
 99 3
Tabs.js
in src/components
 98 -
app.js
in old_examples/basic
 96 2
app.js
in old_examples/tab_enabled
 96 2
app.js
in old_examples/dyno
 86 2
app.js
in old_examples/nested
 84 -
Tab.js
in src/components
 76 -
52 -
app.js
in old_examples/conditional
 50 2
46 -
46 -
46 -
TabPanel.js
in src/components
 45 -
childrenDeepMap.js
in src/helpers
 39 3
app.js
in old_examples/focus
 38 2
development.html
in old_examples/umd
 33 -
production.html
in old_examples/umd
 32 -
TabList.js
in src/components
 20 -
index.html
in old_examples/basic
 18 -
index.html
in old_examples/tab_enabled
 18 -
count.js
in src/helpers
 9 1
index.html
in old_examples/dyno
 7 -
index.html
in old_examples/conditional
 7 -
index.html
in old_examples/focus
 7 -
index.html
in old_examples/nested
 7 -
uuid.js
in src/helpers
 7 2
elementTypes.js
in src/helpers
 6 1
index.js
in src
 5 -
4 -
Files With Most Units (Top 11)
File# lines# units
UncontrolledTabs.js
in src/components
 298 16
propTypes.js
in src/helpers
 99 3
childrenDeepMap.js
in src/helpers
 39 3
app.js
in old_examples/dyno
 86 2
app.js
in old_examples/conditional
 50 2
app.js
in old_examples/basic
 96 2
app.js
in old_examples/focus
 38 2
app.js
in old_examples/tab_enabled
 96 2
uuid.js
in src/helpers
 7 2
elementTypes.js
in src/helpers
 6 1
count.js
in src/helpers
 9 1
Files With Long Lines (Top 6)

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

File# lines# units# long lines
app.js
in old_examples/basic
 96 2 14
app.js
in old_examples/tab_enabled
 96 2 14
app.js
in old_examples/nested
 84 - 12
Tabs.js
in src/components
 98 - 2
index.html
in old_examples/basic
 18 - 1
index.html
in old_examples/tab_enabled
 18 - 1
Correlations

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

src/components/Tab.js x: 35 commits (all time) y: 76 lines of code src/components/Tabs.js x: 44 commits (all time) y: 98 lines of code codecov.yml x: 1 commits (all time) y: 4 lines of code src/components/UncontrolledTabs.js x: 38 commits (all time) y: 298 lines of code style/react-tabs.css x: 10 commits (all time) y: 46 lines of code style/react-tabs.less x: 7 commits (all time) y: 46 lines of code src/components/TabList.js x: 20 commits (all time) y: 20 lines of code src/components/TabPanel.js x: 27 commits (all time) y: 45 lines of code src/helpers/count.js x: 8 commits (all time) y: 9 lines of code src/helpers/childrenDeepMap.js x: 5 commits (all time) y: 39 lines of code src/helpers/elementTypes.js x: 4 commits (all time) y: 6 lines of code src/helpers/propTypes.js x: 12 commits (all time) y: 99 lines of code rollup.config.js x: 4 commits (all time) y: 52 lines of code old_examples/umd/development.html x: 2 commits (all time) y: 33 lines of code old_examples/umd/production.html x: 2 commits (all time) y: 32 lines of code src/index.js x: 6 commits (all time) y: 5 lines of code old_examples/basic/app.js x: 1 commits (all time) y: 96 lines of code old_examples/basic/index.html x: 1 commits (all time) y: 18 lines of code old_examples/conditional/app.js x: 1 commits (all time) y: 50 lines of code old_examples/conditional/index.html x: 1 commits (all time) y: 7 lines of code old_examples/dyno/app.js x: 1 commits (all time) y: 86 lines of code old_examples/focus/app.js x: 1 commits (all time) y: 38 lines of code old_examples/nested/app.js x: 1 commits (all time) y: 84 lines of code src/helpers/uuid.js x: 3 commits (all time) y: 7 lines of code
298.0
lines of code
  min: 4.0
  average: 49.17
  25th percentile: 7.0
  median: 38.5
  75th percentile: 78.0
  max: 298.0
0 44.0
commits (all time)
min: 1.0 | average: 8.23 | 25th percentile: 1.0 | median: 2.5 | 75th percentile: 8.5 | max: 44.0

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

src/components/Tab.js x: 11 contributors (all time) y: 76 lines of code src/components/Tabs.js x: 15 contributors (all time) y: 98 lines of code codecov.yml x: 1 contributors (all time) y: 4 lines of code src/components/UncontrolledTabs.js x: 14 contributors (all time) y: 298 lines of code style/react-tabs.css x: 4 contributors (all time) y: 46 lines of code style/react-tabs.less x: 3 contributors (all time) y: 46 lines of code src/components/TabList.js x: 10 contributors (all time) y: 20 lines of code src/components/TabPanel.js x: 8 contributors (all time) y: 45 lines of code src/helpers/count.js x: 5 contributors (all time) y: 9 lines of code src/helpers/childrenDeepMap.js x: 4 contributors (all time) y: 39 lines of code src/helpers/elementTypes.js x: 4 contributors (all time) y: 6 lines of code src/helpers/propTypes.js x: 4 contributors (all time) y: 99 lines of code rollup.config.js x: 2 contributors (all time) y: 52 lines of code old_examples/umd/development.html x: 2 contributors (all time) y: 33 lines of code old_examples/umd/production.html x: 2 contributors (all time) y: 32 lines of code src/index.js x: 3 contributors (all time) y: 5 lines of code old_examples/basic/app.js x: 1 contributors (all time) y: 96 lines of code old_examples/basic/index.html x: 1 contributors (all time) y: 18 lines of code old_examples/conditional/app.js x: 1 contributors (all time) y: 50 lines of code old_examples/conditional/index.html x: 1 contributors (all time) y: 7 lines of code old_examples/dyno/app.js x: 1 contributors (all time) y: 86 lines of code old_examples/focus/app.js x: 1 contributors (all time) y: 38 lines of code old_examples/nested/app.js x: 1 contributors (all time) y: 84 lines of code src/helpers/uuid.js x: 2 contributors (all time) y: 7 lines of code
298.0
lines of code
  min: 4.0
  average: 49.17
  25th percentile: 7.0
  median: 38.5
  75th percentile: 78.0
  max: 298.0
0 15.0
contributors (all time)
min: 1.0 | average: 3.63 | 25th percentile: 1.0 | median: 2.0 | 75th percentile: 4.0 | max: 15.0

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

src/components/Tab.js x: 1 commits (30d) y: 76 lines of code src/components/Tabs.js x: 1 commits (30d) y: 98 lines of code codecov.yml x: 1 commits (30d) y: 4 lines of code src/components/UncontrolledTabs.js x: 1 commits (30d) y: 298 lines of code
298.0
lines of code
  min: 4.0
  average: 119.0
  25th percentile: 22.0
  median: 87.0
  75th percentile: 248.0
  max: 298.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): 4 points

src/components/Tab.js x: 1 contributors (30d) y: 76 lines of code src/components/Tabs.js x: 1 contributors (30d) y: 98 lines of code codecov.yml x: 1 contributors (30d) y: 4 lines of code src/components/UncontrolledTabs.js x: 1 contributors (30d) y: 298 lines of code
298.0
lines of code
  min: 4.0
  average: 119.0
  25th percentile: 22.0
  median: 87.0
  75th percentile: 248.0
  max: 298.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): 7 points

src/components/Tab.js x: 2 commits (90d) y: 76 lines of code src/components/Tabs.js x: 2 commits (90d) y: 98 lines of code codecov.yml x: 1 commits (90d) y: 4 lines of code src/components/UncontrolledTabs.js x: 2 commits (90d) y: 298 lines of code src/components/TabList.js x: 1 commits (90d) y: 20 lines of code src/components/TabPanel.js x: 1 commits (90d) y: 45 lines of code src/helpers/count.js x: 1 commits (90d) y: 9 lines of code
298.0
lines of code
  min: 4.0
  average: 78.57
  25th percentile: 9.0
  median: 45.0
  75th percentile: 98.0
  max: 298.0
0 2.0
commits (90d)
min: 1.0 | average: 1.43 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 2.0 | max: 2.0

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

src/components/Tab.js x: 2 contributors (90d) y: 76 lines of code src/components/Tabs.js x: 2 contributors (90d) y: 98 lines of code codecov.yml x: 1 contributors (90d) y: 4 lines of code src/components/UncontrolledTabs.js x: 2 contributors (90d) y: 298 lines of code src/components/TabList.js x: 1 contributors (90d) y: 20 lines of code src/components/TabPanel.js x: 1 contributors (90d) y: 45 lines of code src/helpers/count.js x: 1 contributors (90d) y: 9 lines of code
298.0
lines of code
  min: 4.0
  average: 78.57
  25th percentile: 9.0
  median: 45.0
  75th percentile: 98.0
  max: 298.0
0 2.0
contributors (90d)
min: 1.0 | average: 1.43 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 2.0 | max: 2.0