Skip to content

chore: add typescript as explicit dev dependency to react-northstar#14362

Merged
dzearing merged 2 commits intomicrosoft:masterfrom
chrisdholt:users/chhol/add-typescript-as-explicit-dev-dependency-to-react-northstar
Aug 5, 2020
Merged

chore: add typescript as explicit dev dependency to react-northstar#14362
dzearing merged 2 commits intomicrosoft:masterfrom
chrisdholt:users/chhol/add-typescript-as-explicit-dev-dependency-to-react-northstar

Conversation

@chrisdholt
Copy link
Member

Pull request checklist

  • Addresses an existing issue: Fixes #0000
  • Include a change request file using $ yarn change

Description of changes

This PR adds typescript as an explicit dev dependency for react-northstar. For some reason, it was building with TS version of ^3.9.x. My working assumption is that it defaulted to an installed version as one was not explicitly defined in the package.json.

Focus areas to test

The build passes 😄

@levithomason
Copy link
Member

This looks good by me. @layershifter ?

@DustyTheBot
Copy link

DustyTheBot commented Aug 5, 2020

Warnings
⚠️ There are no updates provided to CHANGELOG. Ensure there are no publicly visible changes introduced by this PR.

Generated by 🚫 dangerJS against 91a4e87

@codesandbox-ci
Copy link

codesandbox-ci bot commented Aug 5, 2020

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 91a4e87:

Sandbox Source
Fluent UI Button Configuration
microsoft/fluentui: codesandbox-react-next-template Configuration
microsoft/fluentui: codesandbox-react-northstar-template Configuration

@size-auditor
Copy link

size-auditor bot commented Aug 5, 2020

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: 67e2615799af15030e8d3d63287173bb03e6bb92 (build)

@msft-github-bot
Copy link
Contributor

msft-github-bot commented Aug 5, 2020

Perf Analysis

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 886 881 5000
ButtonNext mount 579 570 5000
Checkbox mount 1578 1515 5000
CheckboxBase mount 1348 1291 5000
CheckboxNext mount 1613 1603 5000
ChoiceGroup mount 4867 4872 5000
ComboBox mount 961 913 1000
CommandBar mount 7512 7466 1000
ContextualMenu mount 13334 13401 1000
DefaultButton mount 1081 1095 5000
DetailsRow mount 3529 3403 5000
DetailsRowFast mount 3563 3552 5000
DetailsRowNoStyles mount 3318 3381 5000
Dialog mount 1543 1504 1000
DocumentCardTitle mount 1794 1817 1000
Dropdown mount 2509 2529 5000
FocusZone mount 1849 1814 5000
IconButton mount 1683 1722 5000
Label mount 345 350 5000
Link mount 444 455 5000
LinkNext mount 478 481 5000
MenuButton mount 1379 1466 5000
Nav mount 3206 3181 1000
Panel mount 1451 1407 1000
Persona mount 807 870 1000
Pivot mount 1401 1387 1000
PivotNext mount 1351 1348 1000
PrimaryButton mount 1250 1226 5000
SearchBox mount 1279 1319 5000
SearchBoxNext mount 1324 1292 5000
Slider mount 1501 1472 5000
SliderNext mount 1877 1880 5000
SpinButton mount 4861 4818 5000
SpinButtonNext mount 5127 4945 5000
Spinner mount 422 442 5000
SplitButton mount 3004 3129 5000
Stack mount 517 531 5000
StackWithIntrinsicChildren mount 1957 1935 5000
StackWithTextChildren mount 4872 4797 5000
TagPicker mount 2681 2671 5000
Text mount 418 444 5000
TextField mount 1392 1358 5000
ThemeProvider mount 2904 2873 5000
ThemeProvider virtual-rerender 506 518 5000
Toggle mount 817 779 5000
ToggleNext mount 785 780 5000
button mount 112 101 5000

Perf Analysis (Fluent)

Perf comparison
Status Scenario Fluent TPI Fabric TPI Ratio Iterations Ticks
🎯 Avatar.Fluent 0.43 0.48 0.9:1 2000 862
🦄 Button.Fluent 0.1 0.18 0.56:1 5000 518
🔧 Checkbox.Fluent 0.62 0.35 1.77:1 1000 615
🦄 Dialog.Fluent 0.15 0.22 0.68:1 5000 733
🔧 Dropdown.Fluent 2.9 0.44 6.59:1 1000 2898
🔧 Icon.Fluent 0.14 0.05 2.8:1 5000 687
🦄 Image.Fluent 0.07 0.11 0.64:1 5000 360
🔧 Slider.Fluent 1.58 0.34 4.65:1 1000 1580
🔧 Text.Fluent 0.06 0.02 3:1 5000 323
🦄 Tooltip.Fluent 0.1 17.63 0.01:1 5000 504

🔧 Needs work     🎯 On target     🦄 Amazing

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
AttachmentMinimalPerf.default 164 136 1.21:1
PortalMinimalPerf.default 129 117 1.1:1
AvatarMinimalPerf.default 478 447 1.07:1
RefMinimalPerf.default 204 191 1.07:1
AccordionMinimalPerf.default 137 129 1.06:1
ListCommonPerf.default 959 904 1.06:1
ProviderMinimalPerf.default 894 854 1.05:1
ToolbarMinimalPerf.default 933 889 1.05:1
BoxMinimalPerf.default 336 324 1.04:1
CardMinimalPerf.default 543 523 1.04:1
EmbedMinimalPerf.default 1983 1913 1.04:1
HierarchicalTreeMinimalPerf.default 421 406 1.04:1
ImageMinimalPerf.default 354 342 1.04:1
TooltipMinimalPerf.default 783 753 1.04:1
TreeWith60ListItems.default 206 199 1.04:1
GridMinimalPerf.default 331 321 1.03:1
ListMinimalPerf.default 444 429 1.03:1
TextMinimalPerf.default 334 324 1.03:1
Icon.Fluent 687 669 1.03:1
Image.Fluent 360 349 1.03:1
ButtonMinimalPerf.default 178 174 1.02:1
CarouselMinimalPerf.default 441 433 1.02:1
InputMinimalPerf.default 1260 1240 1.02:1
LabelMinimalPerf.default 387 381 1.02:1
LayoutMinimalPerf.default 377 370 1.02:1
SplitButtonMinimalPerf.default 3608 3534 1.02:1
StatusMinimalPerf.default 647 637 1.02:1
TreeMinimalPerf.default 861 840 1.02:1
Dialog.Fluent 733 718 1.02:1
HeaderSlotsPerf.default 732 726 1.01:1
ItemLayoutMinimalPerf.default 1205 1194 1.01:1
ListWith60ListItems.default 1052 1044 1.01:1
MenuMinimalPerf.default 839 827 1.01:1
ReactionMinimalPerf.default 362 357 1.01:1
TextAreaMinimalPerf.default 453 449 1.01:1
CustomToolbarPrototype.default 3785 3751 1.01:1
Avatar.Fluent 862 856 1.01:1
CheckboxMinimalPerf.default 2788 2794 1:1
DropdownMinimalPerf.default 2850 2854 1:1
HeaderMinimalPerf.default 328 328 1:1
ListNestedPerf.default 846 848 1:1
MenuButtonMinimalPerf.default 1518 1511 1:1
IconMinimalPerf.default 626 625 1:1
Checkbox.Fluent 615 612 1:1
AnimationMinimalPerf.default 384 389 0.99:1
DialogMinimalPerf.default 725 730 0.99:1
FlexMinimalPerf.default 273 276 0.99:1
LoaderMinimalPerf.default 701 709 0.99:1
ProviderMergeThemesPerf.default 1896 1906 0.99:1
SliderMinimalPerf.default 1590 1600 0.99:1
TableMinimalPerf.default 385 388 0.99:1
Dropdown.Fluent 2898 2937 0.99:1
ButtonSlotsPerf.default 577 586 0.98:1
ChatMinimalPerf.default 563 575 0.98:1
FormMinimalPerf.default 367 374 0.98:1
RadioGroupMinimalPerf.default 386 392 0.98:1
Slider.Fluent 1580 1614 0.98:1
Tooltip.Fluent 504 512 0.98:1
AlertMinimalPerf.default 258 266 0.97:1
AttachmentSlotsPerf.default 1072 1105 0.97:1
ChatDuplicateMessagesPerf.default 417 430 0.97:1
ChatWithPopoverPerf.default 442 455 0.97:1
DividerMinimalPerf.default 322 332 0.97:1
TableManyItemsPerf.default 2063 2120 0.97:1
Button.Fluent 518 534 0.97:1
PopupMinimalPerf.default 658 682 0.96:1
Text.Fluent 323 335 0.96:1
SegmentMinimalPerf.default 306 321 0.95:1
VideoMinimalPerf.default 562 617 0.91:1
DropdownManyItemsPerf.default 718 799 0.9:1

@layershifter
Copy link
Member

I suggest to do the same change for other packages under fluentui folder, other than that LGTM 👍

@chrisdholt
Copy link
Member Author

I suggest to do the same change for other packages under fluentui folder, other than that LGTM 👍

@layershifter my only concern with adding everywhere is that we don't quite know why this is happening. I definitely get the goal of uniformity across the fluentui folder, but I feel like it may be safer to fix the immediate problem and not make the change everywhere. In the case that this break pops up elsewhere, I think that would be the immediate next step to see if it fixes the problem there. Thoughts on that? I'm certainly open to making the update elsewhere, but not exactly knowing why this fixed the problem gives me pause on adding the explicit dependency everywhere else.

@dzearing dzearing merged commit 6794605 into microsoft:master Aug 5, 2020
tmaster628 pushed a commit to tmaster628/fluentui that referenced this pull request Aug 12, 2020
…icrosoft#14362)

* chore: add typescript as explicit dev dependency to react-northstar

* add typescript to all other fluentui folder packages
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Fluent UI react-northstar (v0) Work related to Fluent UI V0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

7 participants