Skip to content
This repository was archived by the owner on Mar 4, 2020. It is now read-only.

fix(SSR): fix document usage and add project test#2330

Merged
layershifter merged 8 commits intomasterfrom
fix/ssr-issues
Feb 10, 2020
Merged

fix(SSR): fix document usage and add project test#2330
layershifter merged 8 commits intomasterfrom
fix/ssr-issues

Conversation

@layershifter
Copy link
Member

@layershifter layershifter commented Feb 6, 2020

Fixes #2182.

This PR:

  • fixes issues described in linked issue
  • adds a project test to be sure that we can build Fluent in SSR environment

}

actionHandlers: AccessibilityActionHandlers
context: ProviderContextPrepared
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let's finally type this thing 🚀

@DustyTheBot
Copy link
Collaborator

DustyTheBot commented Feb 7, 2020

Perf comparison

Status Scenario Fluent TPI Fabric TPI Ratio Iterations Ticks
🔧 Avatar.Fluent 0.53 0.38 1.39:1 2000 1062
🔧 Button.Fluent 1.23 0.19 6.47:1 1000 1232
🔧 Checkbox.Fluent 1.31 0.29 4.52:1 1000 1305
🔧 Dialog.Fluent 0.32 0.18 1.78:1 5000 1605
🔧 Dropdown.Fluent 3.57 0.37 9.65:1 1000 3570
🔧 Icon.Fluent 0.24 0.04 6:1 5000 1186
🔧 Image.Fluent 0.1 0.08 1.25:1 5000 523
🔧 Slider.Fluent 1.86 0.34 5.47:1 1000 1863
🔧 Text.Fluent 0.05 0.02 2.5:1 5000 236
🦄 Tooltip.Fluent 0.39 17.23 0.02:1 5000 1950

🔧 Needs work     🎯 On target     🦄 Amazing

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
Button.Fluent 1232 1 1232:1
EmbedMinimalPerf.default 6837 6195 1.1:1
TableMinimalPerf.default 583 537 1.09:1
MenuButtonMinimalPerf.default 1499 1394 1.08:1
HeaderMinimalPerf.default 440 410 1.07:1
HeaderSlotsPerf.default 1253 1171 1.07:1
MenuMinimalPerf.default 2074 1930 1.07:1
SegmentMinimalPerf.default 1259 1175 1.07:1
ToolbarMinimalPerf.default 710 666 1.07:1
Image.Fluent 523 491 1.07:1
DropdownManyItemsPerf.default 482 454 1.06:1
RefMinimalPerf.default 151 143 1.06:1
VideoMinimalPerf.default 676 637 1.06:1
AvatarMinimalPerf.default 599 568 1.05:1
ChatMinimalPerf.default 1695 1621 1.05:1
DropdownMinimalPerf.default 3396 3249 1.05:1
HierarchicalTreeMinimalPerf.default 768 733 1.05:1
FlexMinimalPerf.default 329 316 1.04:1
Text.Fluent 236 228 1.04:1
ItemLayoutMinimalPerf.default 1645 1590 1.03:1
ChatWithPopoverPerf.default 575 566 1.02:1
FormMinimalPerf.default 729 716 1.02:1
GridMinimalPerf.default 762 750 1.02:1
CustomToolbarPrototype.default 3717 3650 1.02:1
AnimationMinimalPerf.default 439 433 1.01:1
ChatDuplicateMessagesPerf.default 543 540 1.01:1
DividerMinimalPerf.default 839 833 1.01:1
ImageMinimalPerf.default 489 485 1.01:1
ListMinimalPerf.default 647 638 1.01:1
PopupMinimalPerf.default 339 337 1.01:1
SplitButtonMinimalPerf.default 11552 11433 1.01:1
Slider.Fluent 1863 1840 1.01:1
AlertMinimalPerf.default 550 549 1:1
CarouselMinimalPerf.default 1825 1828 1:1
CheckboxMinimalPerf.default 6485 6492 1:1
IconMinimalPerf.default 999 1000 1:1
ProviderMergeThemesPerf.default 1058 1054 1:1
StatusMinimalPerf.default 790 788 1:1
Avatar.Fluent 1062 1058 1:1
InputMinimalPerf.default 920 925 0.99:1
ProviderMinimalPerf.default 569 572 0.99:1
TextAreaMinimalPerf.default 2842 2863 0.99:1
Icon.Fluent 1186 1198 0.99:1
AttachmentMinimalPerf.default 892 908 0.98:1
AttachmentSlotsPerf.default 3238 3301 0.98:1
BoxMinimalPerf.default 202 207 0.98:1
LabelMinimalPerf.default 1596 1632 0.98:1
ListCommonPerf.default 1007 1024 0.98:1
PortalMinimalPerf.default 239 244 0.98:1
SliderMinimalPerf.default 1843 1889 0.98:1
TextMinimalPerf.default 237 242 0.98:1
Dialog.Fluent 1605 1633 0.98:1
Tooltip.Fluent 1950 1985 0.98:1
ButtonSlotsPerf.default 1631 1687 0.97:1
TreeMinimalPerf.default 846 875 0.97:1
Dropdown.Fluent 3570 3691 0.97:1
ButtonMinimalPerf.default 1197 1241 0.96:1
ReactionMinimalPerf.default 2368 2474 0.96:1
TooltipMinimalPerf.default 2175 2258 0.96:1
RadioGroupMinimalPerf.default 371 390 0.95:1
AccordionMinimalPerf.default 194 211 0.92:1
LayoutMinimalPerf.default 484 527 0.92:1
LoaderMinimalPerf.default 2320 2557 0.91:1
Checkbox.Fluent 1305 1483 0.88:1
DialogMinimalPerf.default 1626 2190 0.74:1

Generated by 🚫 dangerJS

@layershifter layershifter merged commit 0fb1134 into master Feb 10, 2020
@layershifter layershifter deleted the fix/ssr-issues branch February 10, 2020 09:56
kenotron added a commit to microsoft/fluentui that referenced this pull request Feb 26, 2020
* fix(typings): enable strict mode for projects (microsoft/fluent-ui-react#2323)

* chore(build): Add sourcemaps to commonjs and es packages (microsoft/fluent-ui-react#2329)

* fix(SSR): fix document usage and add project test (microsoft/fluent-ui-react#2330)

* fix(Toolbar): focus first item each time a focused element is hidden (microsoft/fluent-ui-react#2321)

* updating yarn.lock

Co-authored-by: Kenneth Chau <kenotron@users.noreply.github.com>
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

🧰 fix Introduces fix for broken behavior. 🚀 ready for review

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Reference to document is breaking serverside rendering

3 participants