Skip to content

Instantly share code, notes, and snippets.

@chrisui
Last active February 19, 2017 14:43
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save chrisui/3f17c1729f7b71dbc56b5c56147565cf to your computer and use it in GitHub Desktop.
Save chrisui/3f17c1729f7b71dbc56b5c56147565cf to your computer and use it in GitHub Desktop.
recon$ stats
These stats were made available from https://github.com/lystable/recon
Num modules parsed
How many modules did we explore?
1243
---
Num components
How many component definitions did we find?
714
---
Most depended on components
Which components have the most usages?
Component Name | Num Usages
Text | 598
Button | 161
Icon | 136
Paper | 105
MenuItem | 83
Input | 81
Avatar | 71
H3 | 64
List | 64
Link | 53
Form | 46
CustomIcon | 46
H1 | 42
Checkbox | 37
LoadingCircles | 31
H2 | 31
H4 | 30
ToolbarButton | 29
Modal | 29
Section | 24
& 694 more rows ...
---
Fattest components
Which components render the most elements?
Component Name | Rendered elements
TeamSettingsPage | 136
WorkHistory | 109
routes | 69
SupplierCompliancePage | 68
SupplierWorkdayBadge | 58
Help | 58
InvoiceDetailCard | 55
ContributionForm | 55
AccountSettingsPage | 54
NetflixInfoModal | 49
AgencySubmitCandidate | 48
ContentHelpModal | 46
SupplierCreateUniversalStep | 45
TaskStage | 40
FeedbackForm | 38
TeamAnalyticsPage | 38
routes | 36
FeedbackItem | 36
ContentEditor | 33
ProjectForm | 33
& 694 more rows ...
---
Most externally complex components
Which components require the most interface?
Component Name | Average Props | Component Usages
DocusignLoginForm | 14 | 1
SupplierCreateUniversalStep | 14 | 1
DateRangeMenu | 13 | 1
Page2 | 12 | 1
ContentInput | 11 | 1
AutoCompleteMenu | 11 | 1
ContentEditor | 10.5 | 2
MessengerComposeForm | 10 | 1
PlaceAutocompleteInput | 10 | 2
DocumentContent | 10 | 1
DateRangeField | 9.33 | 3
SupplierItem | 9 | 3
TimesheetHeader | 9 | 1
TemplateEditFormField | 9 | 1
FeedbackForm | 8.5 | 4
AutoCompleteInput | 8.3 | 10
Page1 | 8 | 1
CandidateItem | 8 | 1
SupplierCreateForm | 8 | 1
ClientForm | 8 | 1
& 694 more rows ...
---
Most internally complex components
Which components deal with the most amount of unique dependencies?
Component Name | Unique Dependencies
InvoiceDetailCard | 22
TalentRequestsDetailPage | 21
ContributionForm | 20
AgencySubmitCandidate | 20
SupplierSearchBar | 19
SupplierCreateUniversalStep | 19
AccountSettingsPage | 17
TeamSettingsPage | 17
FeedbackForm | 17
CardItem | 17
NetflixInfoModal | 16
SupplierContextualMenu | 16
SupplierHeader | 16
ProjectForm | 15
InviteSupplierForm | 15
DocusignLoginForm | 15
ProjectContributionPage | 15
DocumentItem | 15
ProjectPage | 14
TeamFinanceApproversPage | 14
& 694 more rows ...
---
Dead components
Which components are never referenced?
Component Name
app
PublicProfilePage
app
AthenaAppPage
SupplierDashboardPage
BasicSupplierInboxPage
SupplierLystedPage
SupplierProfilePage
TeamHomePage
TeamPage
routes
Provider
AppPage
AutoCompleteItem
EmptyState
BasicAvailabilityPreview
BasicContentEditor
Breadcrumbs
Noop
BasicCallout
& 196 more rows ...
---
One trick ponies (internal)
Which components are only ever used once?
Component Name
SupplierOnboarding
Background
TeamMenuItem
TeamMenuItem
SimpleMenuItem
_ChoiceMenuItem
Section
Message
SingleDate
Container
Legends
AutoCompleteItem
AutoCompleteItem
CreateForm
Item
Header
Currency
Day
EditIcon
RemoveIcon
& 137 more rows ...
---
One trick ponies (external)
Which components are only ever used once and imported from an external module?
Component Name
SupplierInboxPage
SupplierNavigationBar
TeamHeader
AlertMessages
AlphaSort
ApplicationErrorPage
ApproversListItem
ArrangementSelector
AutoCompleteMenu
AvailabilityCard
BusinessForm
CategoryListItem
CategoryList
CategorySearchMenu
Score
Chart
ClientAutoCompleteInput
ClientForm
ClientItem
ClientMenuItem
& 148 more rows ...
---
Favourite prop names
Which prop names are most popular in usage?
Prop name | Usages
className | 1121
size | 522
onClick | 438
__spread | 388
weight | 382
name | 313
component | 287
color | 215
key | 203
multiline | 193
flexDirection | 190
onChange | 180
marginBottom | 175
icon | 173
alignItems | 170
title | 164
theme | 162
margin | 162
width | 161
to | 153
& 703 more rows ...
---
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment