Skip to content

Conversation

@micahgodbolt
Copy link
Member

after trying to recreate the original hoisting problem, I was unable to repro nohoist making any difference. I am confident that the webpack alias is necessary though, so those can stay in, as well as the syncpack updates.

@codesandbox-ci
Copy link

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 3eb6d98:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 1268 1314 5000
Button mount 957 958 5000
FluentProvider mount 1561 1587 5000
FluentProviderWithTheme mount 626 631 10
FluentProviderWithTheme virtual-rerender 593 598 10
FluentProviderWithTheme virtual-rerender-with-unmount 639 633 10
MakeStyles mount 1919 1924 50000
SpinButton mount 2537 2517 5000

@size-auditor
Copy link

size-auditor bot commented Sep 12, 2022

Asset size changes

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

Baseline commit: e95ba37f3a8155930542712bfc63055c306cce56 (build)

@fabricteam
Copy link
Collaborator

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
global-context
createContext
533 B
341 B
global-context
createContextSelector
554 B
348 B
priority-overflow
createOverflowManager
2.936 kB
1.212 kB
react-accordion
Accordion (including children components)
78.914 kB
24.06 kB
react-alert
Alert
83.228 kB
20.889 kB
react-avatar
Avatar
48.381 kB
13.696 kB
react-avatar
AvatarGroup
14.95 kB
5.989 kB
react-avatar
AvatarGroupItem
68.349 kB
19.039 kB
react-badge
Badge
22.6 kB
7.205 kB
react-badge
CounterBadge
23.503 kB
7.497 kB
react-badge
PresenceBadge
24.05 kB
7.067 kB
react-button
Button
35.836 kB
9.59 kB
react-button
CompoundButton
42.862 kB
10.808 kB
react-button
MenuButton
38.454 kB
10.461 kB
react-button
SplitButton
45.87 kB
11.811 kB
react-button
ToggleButton
51.017 kB
11.007 kB
react-card
Card - All
67.002 kB
19.261 kB
react-card
Card
62.684 kB
18.177 kB
react-card
CardFooter
8.561 kB
3.601 kB
react-card
CardHeader
9.604 kB
3.94 kB
react-card
CardPreview
8.662 kB
3.656 kB
react-combobox
Combobox (including child components)
73.863 kB
24.018 kB
react-combobox
Dropdown (including child components)
73.45 kB
23.927 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
187.656 kB
51.96 kB
react-components
react-components: FluentProvider & webLightTheme
33.359 kB
11.004 kB
react-dialog
Dialog (including children components)
80.608 kB
24.053 kB
react-divider
Divider
16.459 kB
5.902 kB
react-image
Image
10.78 kB
4.264 kB
react-input
Input
23.598 kB
7.661 kB
react-label
Label
9.338 kB
3.86 kB
react-link
Link
12.254 kB
4.956 kB
react-menu
Menu (including children components)
115.735 kB
35.419 kB
react-menu
Menu (including selectable components)
118.934 kB
35.916 kB
react-overflow
hooks only
10.685 kB
4.104 kB
react-popover
Popover
102.938 kB
31.542 kB
react-portal
Portal
10.576 kB
3.875 kB
react-portal-compat
PortalCompatProvider
5.851 kB
1.964 kB
react-positioning
usePositioning
19.7 kB
7.404 kB
react-provider
FluentProvider
15.755 kB
5.883 kB
react-radio
Radio
35.56 kB
11.929 kB
react-radio
RadioGroup
14.248 kB
5.7 kB
react-select
Select
20.846 kB
7.346 kB
react-slider
Slider
31.526 kB
10.046 kB
react-spinbutton
SpinButton
43.943 kB
12.382 kB
react-spinner
Spinner
19.977 kB
6.438 kB
react-switch
Switch
32.097 kB
10.27 kB
react-text
Text - Default
11.782 kB
4.605 kB
react-text
Text - Wrappers
15.092 kB
5.044 kB
react-textarea
Textarea
23.988 kB
8.011 kB
react-theme
Single theme token import
69 B
89 B
react-theme
Teams: all themes
29.548 kB
6.434 kB
react-theme
Teams: Light theme
17.452 kB
5.054 kB
react-tooltip
Tooltip
41.502 kB
14.623 kB
react-utilities
SSRProvider
180 B
159 B
🤖 This report was generated against e95ba37f3a8155930542712bfc63055c306cce56

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
FlexMinimalPerf.default 315 268 1.18:1
AttachmentMinimalPerf.default 146 136 1.07:1
FormMinimalPerf.default 389 362 1.07:1
AttachmentSlotsPerf.default 1134 1068 1.06:1
ToolbarMinimalPerf.default 972 914 1.06:1
AnimationMinimalPerf.default 543 516 1.05:1
PortalMinimalPerf.default 177 168 1.05:1
CardMinimalPerf.default 540 521 1.04:1
TextMinimalPerf.default 339 326 1.04:1
TreeMinimalPerf.default 811 779 1.04:1
DialogMinimalPerf.default 782 757 1.03:1
HeaderMinimalPerf.default 365 355 1.03:1
LayoutMinimalPerf.default 355 343 1.03:1
ProviderMergeThemesPerf.default 1299 1267 1.03:1
ProviderMinimalPerf.default 404 393 1.03:1
RadioGroupMinimalPerf.default 429 418 1.03:1
TreeWith60ListItems.default 163 158 1.03:1
AccordionMinimalPerf.default 145 142 1.02:1
ButtonOverridesMissPerf.default 1343 1314 1.02:1
ListMinimalPerf.default 521 513 1.02:1
LoaderMinimalPerf.default 664 652 1.02:1
ButtonSlotsPerf.default 548 540 1.01:1
ChatMinimalPerf.default 726 718 1.01:1
DropdownManyItemsPerf.default 648 643 1.01:1
DropdownMinimalPerf.default 2665 2642 1.01:1
HeaderSlotsPerf.default 738 734 1.01:1
ImageMinimalPerf.default 379 375 1.01:1
ItemLayoutMinimalPerf.default 1160 1150 1.01:1
ListNestedPerf.default 548 543 1.01:1
ListWith60ListItems.default 617 608 1.01:1
RosterPerf.default 2126 2100 1.01:1
PopupMinimalPerf.default 630 621 1.01:1
SplitButtonMinimalPerf.default 4402 4363 1.01:1
StatusMinimalPerf.default 663 654 1.01:1
TableMinimalPerf.default 389 387 1.01:1
AlertMinimalPerf.default 269 268 1:1
DatepickerMinimalPerf.default 5882 5853 1:1
MenuButtonMinimalPerf.default 1682 1683 1:1
RefMinimalPerf.default 214 215 1:1
SliderMinimalPerf.default 1553 1557 1:1
IconMinimalPerf.default 647 646 1:1
CustomToolbarPrototype.default 2718 2724 1:1
ButtonMinimalPerf.default 156 157 0.99:1
CarouselMinimalPerf.default 450 454 0.99:1
CheckboxMinimalPerf.default 2039 2050 0.99:1
EmbedMinimalPerf.default 3622 3667 0.99:1
TableManyItemsPerf.default 1850 1861 0.99:1
TooltipMinimalPerf.default 2318 2348 0.99:1
BoxMinimalPerf.default 324 331 0.98:1
LabelMinimalPerf.default 375 382 0.98:1
MenuMinimalPerf.default 832 848 0.98:1
ReactionMinimalPerf.default 372 379 0.98:1
AvatarMinimalPerf.default 181 186 0.97:1
ChatDuplicateMessagesPerf.default 269 276 0.97:1
SegmentMinimalPerf.default 331 340 0.97:1
SkeletonMinimalPerf.default 339 351 0.97:1
ChatWithPopoverPerf.default 365 381 0.96:1
InputMinimalPerf.default 1112 1153 0.96:1
ListCommonPerf.default 613 639 0.96:1
GridMinimalPerf.default 315 330 0.95:1
DividerMinimalPerf.default 339 361 0.94:1
TextAreaMinimalPerf.default 448 487 0.92:1
VideoMinimalPerf.default 704 764 0.92:1

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 776 753 5000
Breadcrumb mount 2483 2489 1000
Checkbox mount 2215 2243 5000
CheckboxBase mount 1943 1960 5000
ChoiceGroup mount 4034 3986 5000
ComboBox mount 831 864 1000
CommandBar mount 9272 9374 1000
ContextualMenu mount 11385 11232 1000
DefaultButton mount 965 967 5000
DetailsRow mount 3302 3270 5000
DetailsRowFast mount 3281 3270 5000
DetailsRowNoStyles mount 3077 3089 5000
Dialog mount 2687 2701 1000
DocumentCardTitle mount 145 156 1000
Dropdown mount 2858 2840 5000
FocusTrapZone mount 1644 1631 5000
FocusZone mount 1531 1549 5000
IconButton mount 1480 1495 5000
Label mount 308 310 5000
Layer mount 3837 3851 5000
Link mount 397 404 5000
MenuButton mount 1262 1279 5000
MessageBar mount 1896 1825 5000
Nav mount 2870 2889 1000
OverflowSet mount 946 928 5000
Panel mount 2135 2129 1000
Persona mount 845 858 1000
Pivot mount 1245 1238 1000
PrimaryButton mount 1097 1115 5000
Rating mount 6666 6545 5000
SearchBox mount 1085 1095 5000
Shimmer mount 2454 2454 5000
Slider mount 1695 1689 5000
SpinButton mount 4264 4295 5000
Spinner mount 370 371 5000
SplitButton mount 2693 2742 5000
Stack mount 441 430 5000
StackWithIntrinsicChildren mount 1925 1948 5000
StackWithTextChildren mount 4439 4429 5000
SwatchColorPicker mount 10131 10100 5000
TagPicker mount 2274 2274 5000
TeachingBubble mount 91773 94557 5000
Text mount 370 357 5000
TextField mount 1186 1189 5000
ThemeProvider mount 1107 1100 5000
ThemeProvider virtual-rerender 650 640 5000
ThemeProvider virtual-rerender-with-unmount 1750 1721 5000
Toggle mount 672 694 5000
buttonNative mount 111 116 5000

@micahgodbolt micahgodbolt merged commit dc4fb10 into microsoft:master Sep 13, 2022
@micahgodbolt micahgodbolt deleted the remove-nohoist branch September 13, 2022 15:59
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Sep 14, 2022
* master: (28 commits)
  Fix value font-weight inside heatmap chart (microsoft#24726)
  Fix legend overflow-indication-text role (microsoft#24756)
  Support custom locale in date axis  (microsoft#24753)
  Cleanup env variables (microsoft#24739)
  ci(github): add GH Action to add issue labels based on new GH issue template (microsoft#24788)
  Update disallowedChangeTypes for newly created packages, to allow only 'prerelease' change types by default (microsoft#24763)
  feat(react-components): Adding missing AvatarGroup exports (microsoft#24770)
  remove unnecessary nohoist (microsoft#24760)
  feat(react-dialog): supports 1st rule of ARIA (microsoft#24525)
  BREAKING: TableCell layouts are handled by layout components (microsoft#24762)
  feat: Implement table cell layout components (microsoft#24773)
  applying package updates
  fix: remove readonly from DetailsList (microsoft#24615)
  chore: Cleaning up tokens in Button components so they better adhere to the design spec (microsoft#24732)
  fix: react-combobox listbox popup width matches trigger width (microsoft#24733)
  fix: react-combobox Option focus outline only shows with keyboard nav (microsoft#24700)
  feat: Publish react-field package, and export from react-components/unstable (microsoft#24235)
  fix: Replacing bottom border styles with text decoration underline in Link (microsoft#24734)
  docs(react-theme): Update readme (microsoft#24755)
  Add tests for hover states (microsoft#24390)
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants