microsoft / reactxp
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 240 files with 19,988 lines of code.
    • 1 very long files (1,039 lines of code)
    • 4 long files (2,769 lines of code)
    • 24 medium size files (8,031 lines of codeclsfd_ftr_w_mp_ins)
    • 28 small files (3,969 lines of code)
    • 183 very small files (4,180 lines of code)
5% | 13% | 40% | 19% | 20%
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
tsx7% | 14% | 44% | 22% | 11%
ts0% | 12% | 32% | 15% | 39%
js0% | 0% | 0% | 0% | 100%
yml0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
extensions/virtuallistview75% | 0% | 23% | 0% | 1%
src/web0% | 19% | 54% | 13% | 12%
src/common0% | 30% | 46% | 4% | 18%
extensions/navigation0% | 42% | 23% | 22% | 11%
src/native-common0% | 0% | 36% | 40% | 22%
src/windows0% | 0% | 35% | 38% | 26%
extensions/webview0% | 0% | 45% | 30% | 24%
src/native-desktop0% | 0% | 56% | 29% | 14%
extensions/video0% | 0% | 0% | 38% | 61%
src/macos0% | 0% | 0% | 38% | 61%
src/android0% | 0% | 0% | 47% | 52%
src/ios0% | 0% | 0% | 41% | 58%
extensions/imagesvg0% | 0% | 0% | 0% | 100%
src/tslint0% | 0% | 0% | 0% | 100%
extensions/netinfo0% | 0% | 0% | 0% | 100%
ROOT0% | 0% | 0% | 0% | 100%
src0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
VirtualListView.tsx
in extensions/virtuallistview/src
1039 30
Types.ts
in src/common
823 1
ActivityIndicator.tsx
in src/web
728 4
Animated.tsx
in src/web
712 32
Navigator.tsx
in extensions/navigation/src/web
506 23
GestureView.tsx
in src/common
477 31
RootView.tsx
in src/web
473 22
TextInput.tsx
in src/web
470 20
View.tsx
in src/windows
461 26
View.tsx
in src/native-common
460 28
CustomScrollbar.ts
in src/web
457 20
View.tsx
in src/web
401 19
Styles.ts
in src/web
365 2
GestureView.tsx
in src/web
364 15
Image.tsx
in src/web
353 19
ScrollView.tsx
in src/web
318 13
VirtualListCell.tsx
in extensions/virtuallistview/src
317 14
FocusManager.ts
in src/common/utils
315 14
FocusManager.ts
in src/web/utils
304 17
Button.tsx
in src/native-common
301 17
NavigatorExperimentalDelegate.tsx
in extensions/navigation/src/native-common
286 8
MonitorListEdits.tsx
in src/web/listAnimations
268 12
Button.tsx
in src/web
267 7
PopupContainerViewBase.tsx
in src/common
261 6
EventHelpers.ts
in src/native-common/utils
254 -
Interfaces.ts
in src/common
221 5
FrontLayerViewManager.tsx
in src/native-common
218 6
WebView.tsx
in extensions/webview/src/web
210 13
FocusManager.ts
in src/native-desktop/utils
210 17
Link.tsx
in src/windows
196 14
Button.tsx
in src/windows
195 6
Image.tsx
in src/native-common
186 12
PopupContainerView.tsx
in src/native-common
182 12
Animated.tsx
in src/native-common
181 17
ViewBase.tsx
in src/web
178 12
MouseResponder.ts
in src/web/utils
176 8
RootView.tsx
in src/native-common
160 7
AlertModalContent.tsx
in src/web
159 3
Styles.ts
in src/native-common
157 2
NavigatorSceneConfigFactory.tsx
in extensions/navigation/src/web
149 4
FrontLayerViewManager.tsx
in src/web
149 6
WebView.tsx
in extensions/webview/src/native-common
139 12
Video.tsx
in extensions/video/src/web
137 9
Text.tsx
in src/web
134 7
ScrollView.tsx
in src/native-common
131 3
TextInput.tsx
in src/native-common
130 5
AutoFocusHelper.ts
in src/common/utils
126 7
UserInterface.tsx
in src/native-common
122 8
Navigator.tsx
in extensions/navigation/src/native-common
118 8
Text.tsx
in src/native-common
113 9
Files With Most Units (Top 20)
File# lines# units
Animated.tsx
in src/web
712 32
GestureView.tsx
in src/common
477 31
VirtualListView.tsx
in extensions/virtuallistview/src
1039 30
View.tsx
in src/native-common
460 28
View.tsx
in src/windows
461 26
Navigator.tsx
in extensions/navigation/src/web
506 23
RootView.tsx
in src/web
473 22
CustomScrollbar.ts
in src/web
457 20
TextInput.tsx
in src/web
470 20
Image.tsx
in src/web
353 19
View.tsx
in src/web
401 19
Animated.tsx
in src/native-common
181 17
Button.tsx
in src/native-common
301 17
FocusManager.ts
in src/native-desktop/utils
210 17
FocusManager.ts
in src/web/utils
304 17
GestureView.tsx
in src/web
364 15
VirtualListCell.tsx
in extensions/virtuallistview/src
317 14
FocusManager.ts
in src/common/utils
315 14
Link.tsx
in src/windows
196 14
WebView.tsx
in extensions/webview/src/web
210 13
Files With Long Lines (Top 20)

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

File# lines# units# long lines
VirtualListView.tsx
in extensions/virtuallistview/src
1039 30 14
RootView.tsx
in src/web
473 22 9
Button.tsx
in src/windows
195 6 7
CustomScrollbar.ts
in src/web
457 20 6
View.tsx
in src/windows
461 26 6
FocusManager.ts
in src/common/utils
315 14 5
Button.tsx
in src/native-common
301 17 5
GestureView.tsx
in src/common
477 31 4
PopupContainerViewBase.tsx
in src/common
261 6 4
AccessibilityUtil.ts
in src/native-common
86 - 4
Image.tsx
in src/native-common
186 12 4
View.tsx
in src/native-common
460 28 4
TextInput.tsx
in src/web
470 20 4
Link.tsx
in src/windows
196 14 4
NavigatorExperimentalDelegate.tsx
in extensions/navigation/src/native-common
286 8 3
Interfaces.ts
in src/common
221 5 3
AccessibilityUtil.ts
in src/web
70 - 3
Image.tsx
in src/web
353 19 3
View.tsx
in src/web
401 19 3
ViewBase.tsx
in src/web
178 12 3