facebook / react-native-website
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 4,250 lines of code.
    • 1 very long files (1,439 lines of code)
    • 1 long files (548 lines of code)
    • 2 medium size files (653 lines of codeclsfd_ftr_w_mp_ins)
    • 4 small files (549 lines of code)
    • 22 very small files (1,061 lines of code)
33% | 12% | 15% | 12% | 24%
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
scss87% | 0% | 0% | 6% | 5%
js0% | 22% | 26% | 17% | 34%
css0% | 0% | 0% | 0% | 100%
yml0% | 0% | 0% | 0% | 100%
toml0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
website/src/css87% | 0% | 0% | 6% | 5%
website/src/pages0% | 71% | 0% | 16% | 12%
website0% | 0% | 77% | 0% | 22%
sync-api-docs0% | 0% | 35% | 24% | 40%
website/core0% | 0% | 0% | 60% | 39%
website/src/theme/NavbarItem0% | 0% | 0% | 0% | 100%
website/src/theme/BlogSidebar0% | 0% | 0% | 0% | 100%
plugins/remark-snackplayer/src0% | 0% | 0% | 0% | 100%
website/src/pages/animations0% | 0% | 0% | 0% | 100%
website/blog0% | 0% | 0% | 0% | 100%
ROOT0% | 0% | 0% | 0% | 100%
website/src/theme/DocItemFooter0% | 0% | 0% | 0% | 100%
Longest Files (Top 30)
File# lines# units
customTheme.scss
in website/src/css
1439 -
index.js
in website/src/pages
548 20
371 1
generateMarkdown.js
in sync-api-docs
282 14
propFormatter.js
in sync-api-docs
193 2
versions.js
in website/src/pages
124 1
PrismTheme.js
in website/core
117 -
showcase.scss
in website/src/css
115 -
showcase.js
in website/src/pages
98 -
DocsVersionDropdownNavbarItem.js
in website/src/theme/NavbarItem
82 2
utils.js
in sync-api-docs
77 6
67 3
index.js
in plugins/remark-snackplayer/src
65 -
61 2
TabsConstants.js
in website/core
60 -
_shared.scss
in website/src/css
60 -
styles.module.css
in website/src/theme/BlogSidebar
53 -
extractDocsFromRN.js
in sync-api-docs
52 2
image-check.js
in website
49 -
methodFormatter.js
in sync-api-docs
48 3
magic.js
in sync-api-docs
48 -
authors.yml
in website/blog
45 -
versions.scss
in website/src/css
38 -
_headerAnimation.js
in website/src/pages/animations
37 3
sync-api-docs.js
in sync-api-docs
35 2
_dissectionAnimation.js
in website/src/pages/animations
25 3
21 -
17 -
index.js
in website/src/theme/BlogSidebar
14 -
index.js
in website/src/theme/DocItemFooter
9 -
Files With Most Units (Top 14)
File# lines# units
index.js
in website/src/pages
548 20
generateMarkdown.js
in sync-api-docs
282 14
utils.js
in sync-api-docs
77 6
methodFormatter.js
in sync-api-docs
48 3
67 3
_dissectionAnimation.js
in website/src/pages/animations
25 3
_headerAnimation.js
in website/src/pages/animations
37 3
sync-api-docs.js
in sync-api-docs
35 2
extractDocsFromRN.js
in sync-api-docs
52 2
propFormatter.js
in sync-api-docs
193 2
61 2
DocsVersionDropdownNavbarItem.js
in website/src/theme/NavbarItem
82 2
371 1
versions.js
in website/src/pages
124 1
Files With Long Lines (Top 4)

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

File# lines# units# long lines
customTheme.scss
in website/src/css
1439 - 5
generateMarkdown.js
in sync-api-docs
282 14 2
371 1 2
index.js
in website/src/pages
548 20 1
Correlations

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

website/blog/authors.yml x: 6 commits (all time) y: 45 lines of code website/src/theme/NavbarItem/DocsVersionDropdownNavbarItem.js x: 1 commits (all time) y: 82 lines of code website/core/TabsConstants.js x: 3 commits (all time) y: 60 lines of code website/src/css/customTheme.scss x: 44 commits (all time) y: 1439 lines of code sync-api-docs/generateMarkdown.js x: 4 commits (all time) y: 282 lines of code sync-api-docs/propFormatter.js x: 4 commits (all time) y: 193 lines of code netlify.toml x: 15 commits (all time) y: 21 lines of code website/docusaurus.config.js x: 37 commits (all time) y: 371 lines of code website/src/pages/index.js x: 15 commits (all time) y: 548 lines of code website/src/css/_shared.scss x: 2 commits (all time) y: 60 lines of code website/src/pages/showcase.js x: 4 commits (all time) y: 98 lines of code website/src/theme/BlogSidebar/index.js x: 2 commits (all time) y: 14 lines of code website/src/theme/DocItemFooter/index.js x: 1 commits (all time) y: 9 lines of code website/src/pages/versions.js x: 4 commits (all time) y: 124 lines of code website/snackPlayerInitializer.js x: 4 commits (all time) y: 61 lines of code website/core/TableRowWithCodeBlock.js x: 1 commits (all time) y: 17 lines of code website/src/css/versions.scss x: 3 commits (all time) y: 38 lines of code website/core/PrismTheme.js x: 2 commits (all time) y: 117 lines of code website/src/theme/BlogSidebar/styles.module.css x: 1 commits (all time) y: 53 lines of code plugins/remark-snackplayer/src/index.js x: 4 commits (all time) y: 65 lines of code sync-api-docs/extractDocsFromRN.js x: 2 commits (all time) y: 52 lines of code sync-api-docs/magic.js x: 2 commits (all time) y: 48 lines of code sync-api-docs/methodFormatter.js x: 1 commits (all time) y: 48 lines of code sync-api-docs/sync-api-docs.js x: 2 commits (all time) y: 35 lines of code sync-api-docs/utils.js x: 1 commits (all time) y: 77 lines of code sync-api-docs/preprocessGeneratedApiDocs.js x: 1 commits (all time) y: 67 lines of code website/src/pages/animations/_dissectionAnimation.js x: 1 commits (all time) y: 25 lines of code website/src/pages/animations/_headerAnimation.js x: 1 commits (all time) y: 37 lines of code website/image-check.js x: 9 commits (all time) y: 49 lines of code website/src/css/showcase.scss x: 1 commits (all time) y: 115 lines of code
1439.0
lines of code
  min: 9.0
  average: 141.67
  25th percentile: 37.75
  median: 60.0
  75th percentile: 115.5
  max: 1439.0
0 44.0
commits (all time)
min: 1.0 | average: 5.93 | 25th percentile: 1.0 | median: 2.0 | 75th percentile: 4.0 | max: 44.0

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

website/blog/authors.yml x: 6 contributors (all time) y: 45 lines of code website/src/theme/NavbarItem/DocsVersionDropdownNavbarItem.js x: 1 contributors (all time) y: 82 lines of code website/core/TabsConstants.js x: 3 contributors (all time) y: 60 lines of code website/src/css/customTheme.scss x: 9 contributors (all time) y: 1439 lines of code sync-api-docs/generateMarkdown.js x: 3 contributors (all time) y: 282 lines of code sync-api-docs/propFormatter.js x: 3 contributors (all time) y: 193 lines of code netlify.toml x: 7 contributors (all time) y: 21 lines of code website/docusaurus.config.js x: 11 contributors (all time) y: 371 lines of code website/src/pages/index.js x: 6 contributors (all time) y: 548 lines of code website/src/css/_shared.scss x: 2 contributors (all time) y: 60 lines of code website/src/pages/showcase.js x: 2 contributors (all time) y: 98 lines of code website/src/theme/BlogSidebar/index.js x: 1 contributors (all time) y: 14 lines of code website/src/theme/DocItemFooter/index.js x: 1 contributors (all time) y: 9 lines of code website/src/pages/versions.js x: 1 contributors (all time) y: 124 lines of code website/core/TableRowWithCodeBlock.js x: 1 contributors (all time) y: 17 lines of code website/src/css/versions.scss x: 1 contributors (all time) y: 38 lines of code website/core/PrismTheme.js x: 1 contributors (all time) y: 117 lines of code website/src/theme/BlogSidebar/styles.module.css x: 1 contributors (all time) y: 53 lines of code plugins/remark-snackplayer/src/index.js x: 2 contributors (all time) y: 65 lines of code sync-api-docs/extractDocsFromRN.js x: 2 contributors (all time) y: 52 lines of code sync-api-docs/magic.js x: 2 contributors (all time) y: 48 lines of code sync-api-docs/methodFormatter.js x: 1 contributors (all time) y: 48 lines of code sync-api-docs/sync-api-docs.js x: 2 contributors (all time) y: 35 lines of code sync-api-docs/utils.js x: 1 contributors (all time) y: 77 lines of code sync-api-docs/preprocessGeneratedApiDocs.js x: 1 contributors (all time) y: 67 lines of code website/src/pages/animations/_dissectionAnimation.js x: 1 contributors (all time) y: 25 lines of code website/image-check.js x: 5 contributors (all time) y: 49 lines of code
1439.0
lines of code
  min: 9.0
  average: 141.67
  25th percentile: 37.75
  median: 60.0
  75th percentile: 115.5
  max: 1439.0
0 11.0
contributors (all time)
min: 1.0 | average: 2.73 | 25th percentile: 1.0 | median: 2.0 | 75th percentile: 3.0 | max: 11.0

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

website/blog/authors.yml x: 1 commits (30d) y: 45 lines of code website/src/theme/NavbarItem/DocsVersionDropdownNavbarItem.js x: 1 commits (30d) y: 82 lines of code website/core/TabsConstants.js x: 2 commits (30d) y: 60 lines of code website/src/css/customTheme.scss x: 2 commits (30d) y: 1439 lines of code sync-api-docs/generateMarkdown.js x: 1 commits (30d) y: 282 lines of code sync-api-docs/propFormatter.js x: 1 commits (30d) y: 193 lines of code netlify.toml x: 1 commits (30d) y: 21 lines of code website/docusaurus.config.js x: 4 commits (30d) y: 371 lines of code website/src/pages/index.js x: 2 commits (30d) y: 548 lines of code
1439.0
lines of code
  min: 21.0
  average: 337.89
  25th percentile: 52.5
  median: 193.0
  75th percentile: 459.5
  max: 1439.0
0 4.0
commits (30d)
min: 1.0 | average: 1.67 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 2.0 | max: 4.0

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

website/blog/authors.yml x: 1 contributors (30d) y: 45 lines of code website/src/theme/NavbarItem/DocsVersionDropdownNavbarItem.js x: 1 contributors (30d) y: 82 lines of code website/core/TabsConstants.js x: 2 contributors (30d) y: 60 lines of code website/src/css/customTheme.scss x: 1 contributors (30d) y: 1439 lines of code sync-api-docs/generateMarkdown.js x: 1 contributors (30d) y: 282 lines of code sync-api-docs/propFormatter.js x: 1 contributors (30d) y: 193 lines of code netlify.toml x: 1 contributors (30d) y: 21 lines of code website/docusaurus.config.js x: 4 contributors (30d) y: 371 lines of code website/src/pages/index.js x: 1 contributors (30d) y: 548 lines of code
1439.0
lines of code
  min: 21.0
  average: 337.89
  25th percentile: 52.5
  median: 193.0
  75th percentile: 459.5
  max: 1439.0
0 4.0
contributors (30d)
min: 1.0 | average: 1.44 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 1.5 | max: 4.0

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

website/blog/authors.yml x: 3 commits (90d) y: 45 lines of code website/src/theme/NavbarItem/DocsVersionDropdownNavbarItem.js x: 1 commits (90d) y: 82 lines of code website/core/TabsConstants.js x: 2 commits (90d) y: 60 lines of code website/src/css/customTheme.scss x: 7 commits (90d) y: 1439 lines of code sync-api-docs/generateMarkdown.js x: 1 commits (90d) y: 282 lines of code sync-api-docs/propFormatter.js x: 1 commits (90d) y: 193 lines of code netlify.toml x: 1 commits (90d) y: 21 lines of code website/docusaurus.config.js x: 7 commits (90d) y: 371 lines of code website/src/pages/index.js x: 3 commits (90d) y: 548 lines of code website/src/css/_shared.scss x: 1 commits (90d) y: 60 lines of code website/src/pages/showcase.js x: 1 commits (90d) y: 98 lines of code website/src/theme/BlogSidebar/index.js x: 1 commits (90d) y: 14 lines of code
1439.0
lines of code
  min: 14.0
  average: 267.75
  25th percentile: 48.75
  median: 90.0
  75th percentile: 348.75
  max: 1439.0
0 7.0
commits (90d)
min: 1.0 | average: 2.42 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 3.0 | max: 7.0

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

website/blog/authors.yml x: 3 contributors (90d) y: 45 lines of code website/src/theme/NavbarItem/DocsVersionDropdownNavbarItem.js x: 1 contributors (90d) y: 82 lines of code website/core/TabsConstants.js x: 2 contributors (90d) y: 60 lines of code website/src/css/customTheme.scss x: 3 contributors (90d) y: 1439 lines of code sync-api-docs/generateMarkdown.js x: 1 contributors (90d) y: 282 lines of code sync-api-docs/propFormatter.js x: 1 contributors (90d) y: 193 lines of code netlify.toml x: 1 contributors (90d) y: 21 lines of code website/docusaurus.config.js x: 5 contributors (90d) y: 371 lines of code website/src/pages/index.js x: 1 contributors (90d) y: 548 lines of code website/src/css/_shared.scss x: 1 contributors (90d) y: 60 lines of code website/src/pages/showcase.js x: 1 contributors (90d) y: 98 lines of code website/src/theme/BlogSidebar/index.js x: 1 contributors (90d) y: 14 lines of code
1439.0
lines of code
  min: 14.0
  average: 267.75
  25th percentile: 48.75
  median: 90.0
  75th percentile: 348.75
  max: 1439.0
0 5.0
contributors (90d)
min: 1.0 | average: 1.75 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 2.75 | max: 5.0