reactjs / react-future
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 22 files with 751 lines of code.
    • 0 very long files (0 lines of code)
    • 0 long files (0 lines of code)
    • 0 medium size files (0 lines of codeclsfd_ftr_w_mp_ins)
    • 1 small files (111 lines of code)
    • 21 very small files (640 lines of code)
0% | 0% | 0% | 14% | 85%
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% | 0% | 15% | 84%
html0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
01 - Core0% | 0% | 0% | 33% | 66%
07 - Returning State0% | 0% | 0% | 0% | 100%
04 - Layout0% | 0% | 0% | 0% | 100%
05 - Workers0% | 0% | 0% | 0% | 100%
09 - Reduce State0% | 0% | 0% | 0% | 100%
04 - Layout/prototype0% | 0% | 0% | 0% | 100%
08 - Types0% | 0% | 0% | 0% | 100%
Longest Files (Top 22)
File# lines# units
05 - Elements.js
in 01 - Core
 111 1
06 - Refs.js
in 01 - Core
 78 10
48 1
05 - Async Sequence.js
in 07 - Returning State
 44 4
02 - Mixins.js
in 01 - Core
 43 10
40 4
03 - Usage.js
in 04 - Layout
 38 4
04 - Callback Chaining.js
in 07 - Returning State
 38 -
36 5
34 2
32 4
index.html
in 04 - Layout/prototype
 31 -
01 - Classes.js
in 01 - Core
 26 -
02 - Module Pattern.js
in 07 - Returning State
 24 3
01 - Primitives.js
in 04 - Layout
 23 2
23 3
01 - Stateful Functions.js
in 07 - Returning State
 21 2
01 - Elements.js
in 08 - Types
 20 -
16 2
11 -
7 -
04 - Modules.js
in 01 - Core
 7 -
Files With Most Units (Top 15)
File# lines# units
02 - Mixins.js
in 01 - Core
 43 10
06 - Refs.js
in 01 - Core
 78 10
36 5
40 4
03 - Usage.js
in 04 - Layout
 38 4
05 - Async Sequence.js
in 07 - Returning State
 44 4
32 4
02 - Module Pattern.js
in 07 - Returning State
 24 3
23 3
01 - Primitives.js
in 04 - Layout
 23 2
16 2
01 - Stateful Functions.js
in 07 - Returning State
 21 2
34 2
05 - Elements.js
in 01 - Core
 111 1
48 1
Files With Long Lines (Top 1)

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

File# lines# units# long lines
05 - Elements.js
in 01 - Core
 111 1 2
Correlations

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

04 - Layout/prototype/index.html x: 2 commits (all time) y: 31 lines of code 07 - Returning State/05 - Async Sequence.js x: 1 commits (all time) y: 44 lines of code 07 - Returning State/04 - Callback Chaining.js x: 5 commits (all time) y: 38 lines of code 04 - Layout/01 - Primitives.js x: 6 commits (all time) y: 23 lines of code 01 - Core/01 - Classes.js x: 6 commits (all time) y: 26 lines of code 01 - Core/07 - Imperative Bridge.js x: 2 commits (all time) y: 7 lines of code 01 - Core/05 - Elements.js x: 3 commits (all time) y: 111 lines of code 01 - Core/03 - Stateless Functions.js x: 4 commits (all time) y: 16 lines of code 09 - Reduce State/01 - Declarative Component Module.js x: 4 commits (all time) y: 36 lines of code 05 - Workers/02 - Nested Components.js x: 3 commits (all time) y: 23 lines of code 01 - Core/06 - Refs.js x: 4 commits (all time) y: 78 lines of code 05 - Workers/01 - Serializable Elements.js x: 2 commits (all time) y: 34 lines of code 04 - Layout/02 - Layout Components.js x: 3 commits (all time) y: 40 lines of code 04 - Layout/03 - Usage.js x: 1 commits (all time) y: 38 lines of code 07 - Returning State/01 - Stateful Functions.js x: 1 commits (all time) y: 21 lines of code 07 - Returning State/02 - Module Pattern.js x: 1 commits (all time) y: 24 lines of code 07 - Returning State/03 - Default Props and Initial State.js x: 1 commits (all time) y: 32 lines of code 08 - Types/01 - Elements.js x: 1 commits (all time) y: 20 lines of code 08 - Types/02 - DOM Elements.js x: 1 commits (all time) y: 11 lines of code 01 - Core/08 - Transferring Props.js x: 9 commits (all time) y: 48 lines of code 01 - Core/02 - Mixins.js x: 2 commits (all time) y: 43 lines of code 01 - Core/04 - Modules.js x: 1 commits (all time) y: 7 lines of code
111.0
lines of code
  min: 7.0
  average: 34.14
  25th percentile: 20.75
  median: 31.5
  75th percentile: 40.75
  max: 111.0
0 9.0
commits (all time)
min: 1.0 | average: 2.86 | 25th percentile: 1.0 | median: 2.0 | 75th percentile: 4.0 | max: 9.0

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

04 - Layout/prototype/index.html x: 1 contributors (all time) y: 31 lines of code 07 - Returning State/05 - Async Sequence.js x: 1 contributors (all time) y: 44 lines of code 07 - Returning State/04 - Callback Chaining.js x: 2 contributors (all time) y: 38 lines of code 04 - Layout/01 - Primitives.js x: 5 contributors (all time) y: 23 lines of code 01 - Core/01 - Classes.js x: 5 contributors (all time) y: 26 lines of code 01 - Core/07 - Imperative Bridge.js x: 2 contributors (all time) y: 7 lines of code 01 - Core/05 - Elements.js x: 3 contributors (all time) y: 111 lines of code 01 - Core/03 - Stateless Functions.js x: 3 contributors (all time) y: 16 lines of code 09 - Reduce State/01 - Declarative Component Module.js x: 4 contributors (all time) y: 36 lines of code 05 - Workers/02 - Nested Components.js x: 2 contributors (all time) y: 23 lines of code 01 - Core/06 - Refs.js x: 1 contributors (all time) y: 78 lines of code 05 - Workers/01 - Serializable Elements.js x: 2 contributors (all time) y: 34 lines of code 04 - Layout/02 - Layout Components.js x: 2 contributors (all time) y: 40 lines of code 04 - Layout/03 - Usage.js x: 1 contributors (all time) y: 38 lines of code 07 - Returning State/01 - Stateful Functions.js x: 1 contributors (all time) y: 21 lines of code 07 - Returning State/02 - Module Pattern.js x: 1 contributors (all time) y: 24 lines of code 07 - Returning State/03 - Default Props and Initial State.js x: 1 contributors (all time) y: 32 lines of code 08 - Types/01 - Elements.js x: 1 contributors (all time) y: 20 lines of code 08 - Types/02 - DOM Elements.js x: 1 contributors (all time) y: 11 lines of code 01 - Core/08 - Transferring Props.js x: 2 contributors (all time) y: 48 lines of code 01 - Core/02 - Mixins.js x: 1 contributors (all time) y: 43 lines of code 01 - Core/04 - Modules.js x: 1 contributors (all time) y: 7 lines of code
111.0
lines of code
  min: 7.0
  average: 34.14
  25th percentile: 20.75
  median: 31.5
  75th percentile: 40.75
  max: 111.0
0 5.0
contributors (all time)
min: 1.0 | average: 1.95 | 25th percentile: 1.0 | median: 1.5 | 75th percentile: 2.25 | max: 5.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".