Skip to content

refactor(react-shared-contexts): move package to react-components folder#22896

Merged
Hotell merged 2 commits into
microsoft:masterfrom
Hotell:hotell/build/move-react-components-p1
May 10, 2022
Merged

refactor(react-shared-contexts): move package to react-components folder#22896
Hotell merged 2 commits into
microsoft:masterfrom
Hotell:hotell/build/move-react-components-p1

Conversation

@Hotell

@Hotell Hotell commented May 9, 2022

Copy link
Copy Markdown
Contributor

Changes

  • Moves @fluentui/react-shared-contexts to react-components common folder using move-packages nx generator.

Related Issue(s)

Part of #22427

@Hotell Hotell requested review from a team, JustSlone and jurokapsiar as code owners May 9, 2022 16:03
@Hotell Hotell requested a review from TristanWatanabe May 9, 2022 16:03
@Hotell Hotell changed the title Hotell/build/move react components p1 refactor(react-shared-contexts): move package to react-components folder May 9, 2022
@codesandbox-ci

codesandbox-ci Bot commented May 9, 2022

Copy link
Copy Markdown

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 4cf885f:

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

@fabricteam

Copy link
Copy Markdown
Collaborator

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 952 938 5000
Button mount 572 577 5000
FluentProvider mount 1804 2006 5000
FluentProviderWithTheme mount 282 288 10
FluentProviderWithTheme virtual-rerender 240 252 10
FluentProviderWithTheme virtual-rerender-with-unmount 316 282 10
MakeStyles mount 1674 1696 50000

@size-auditor

size-auditor Bot commented May 9, 2022

Copy link
Copy Markdown

Asset size changes

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

Baseline commit: 35b9e629b32b24382869322e8b6cea5a1ee282c1 (build)

@fabricteam

Copy link
Copy Markdown
Collaborator

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
FormMinimalPerf.default 363 340 1.07:1
AttachmentMinimalPerf.default 132 125 1.06:1
IconMinimalPerf.default 556 526 1.06:1
TreeWith60ListItems.default 152 144 1.06:1
AlertMinimalPerf.default 235 227 1.04:1
ListWith60ListItems.default 540 518 1.04:1
AccordionMinimalPerf.default 125 121 1.03:1
AttachmentSlotsPerf.default 876 854 1.03:1
ButtonMinimalPerf.default 138 134 1.03:1
LayoutMinimalPerf.default 327 317 1.03:1
PortalMinimalPerf.default 147 143 1.03:1
TreeMinimalPerf.default 722 698 1.03:1
AnimationMinimalPerf.default 499 490 1.02:1
ButtonSlotsPerf.default 434 426 1.02:1
ChatWithPopoverPerf.default 312 307 1.02:1
ImageMinimalPerf.default 336 328 1.02:1
ListNestedPerf.default 471 464 1.02:1
RadioGroupMinimalPerf.default 409 402 1.02:1
ToolbarMinimalPerf.default 832 818 1.02:1
BoxMinimalPerf.default 303 300 1.01:1
ButtonOverridesMissPerf.default 1177 1170 1.01:1
EmbedMinimalPerf.default 3015 2993 1.01:1
GridMinimalPerf.default 298 295 1.01:1
HeaderMinimalPerf.default 318 314 1.01:1
HeaderSlotsPerf.default 686 678 1.01:1
LabelMinimalPerf.default 355 350 1.01:1
ListCommonPerf.default 522 515 1.01:1
CustomToolbarPrototype.default 2214 2197 1.01:1
CheckboxMinimalPerf.default 1949 1947 1:1
DatepickerMinimalPerf.default 4726 4707 1:1
DividerMinimalPerf.default 315 316 1:1
DropdownMinimalPerf.default 2505 2512 1:1
FlexMinimalPerf.default 254 254 1:1
ItemLayoutMinimalPerf.default 995 991 1:1
MenuButtonMinimalPerf.default 1366 1362 1:1
RosterPerf.default 868 869 1:1
PopupMinimalPerf.default 553 551 1:1
RefMinimalPerf.default 205 204 1:1
SplitButtonMinimalPerf.default 3339 3332 1:1
TableManyItemsPerf.default 1620 1616 1:1
TableMinimalPerf.default 366 367 1:1
TextMinimalPerf.default 302 301 1:1
AvatarMinimalPerf.default 163 164 0.99:1
ChatMinimalPerf.default 645 654 0.99:1
DialogMinimalPerf.default 680 686 0.99:1
LoaderMinimalPerf.default 526 534 0.99:1
MenuMinimalPerf.default 749 753 0.99:1
ProviderMinimalPerf.default 310 314 0.99:1
ReactionMinimalPerf.default 330 332 0.99:1
SkeletonMinimalPerf.default 298 302 0.99:1
SliderMinimalPerf.default 1299 1314 0.99:1
TooltipMinimalPerf.default 932 942 0.99:1
DropdownManyItemsPerf.default 541 552 0.98:1
InputMinimalPerf.default 989 1005 0.98:1
ListMinimalPerf.default 455 465 0.98:1
ProviderMergeThemesPerf.default 979 998 0.98:1
StatusMinimalPerf.default 600 613 0.98:1
TextAreaMinimalPerf.default 418 426 0.98:1
VideoMinimalPerf.default 557 568 0.98:1
CardMinimalPerf.default 484 498 0.97:1
CarouselMinimalPerf.default 357 370 0.96:1
SegmentMinimalPerf.default 303 314 0.96:1
ChatDuplicateMessagesPerf.default 231 244 0.95:1

@fabricteam

Copy link
Copy Markdown
Collaborator

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-accordion
Accordion (including children components)
73.795 kB
22.514 kB
react-badge
Badge
20.992 kB
6.619 kB
react-badge
CounterBadge
21.947 kB
6.934 kB
react-badge
PresenceBadge
22.036 kB
6.593 kB
react-combobox
Combobox
60.595 kB
20.761 kB
react-divider
Divider
15.484 kB
5.581 kB
🤖 This report was generated against 35b9e629b32b24382869322e8b6cea5a1ee282c1

@fabricteam

Copy link
Copy Markdown
Collaborator

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 767 787 5000
Breadcrumb mount 2428 2411 1000
Checkbox mount 1288 1279 5000
CheckboxBase mount 1115 1087 5000
ChoiceGroup mount 4121 4116 5000
ComboBox mount 833 864 1000
CommandBar mount 9362 9323 1000
ContextualMenu mount 11871 11331 1000
DefaultButton mount 988 996 5000
DetailsRow mount 3323 3298 5000
DetailsRowFast mount 3279 3295 5000
DetailsRowNoStyles mount 3153 3152 5000
Dialog mount 1967 2008 1000
DocumentCardTitle mount 161 148 1000
Dropdown mount 2844 2873 5000
FocusTrapZone mount 1558 1629 5000
FocusZone mount 1557 1564 5000
IconButton mount 1489 1495 5000
Label mount 306 321 5000
Layer mount 2550 2541 5000
Link mount 401 390 5000
MenuButton mount 1303 1271 5000
MessageBar mount 1869 1860 5000
Nav mount 2862 2845 1000
OverflowSet mount 930 942 5000
Panel mount 1882 1858 1000
Persona mount 881 875 1000
Pivot mount 1251 1274 1000
PrimaryButton mount 1108 1135 5000
Rating mount 6748 6842 5000
SearchBox mount 1121 1131 5000
Shimmer mount 2147 5262 5000
Slider mount 1696 1673 5000
SpinButton mount 4369 4592 5000
Spinner mount 368 362 5000
SplitButton mount 2722 2793 5000
Stack mount 454 455 5000
StackWithIntrinsicChildren mount 2012 1993 5000
StackWithTextChildren mount 4540 4519 5000
SwatchColorPicker mount 10110 10014 5000
TagPicker mount 2579 2343 5000
TeachingBubble mount 95430 98801 5000
Text mount 365 366 5000
TextField mount 1223 1229 5000
ThemeProvider mount 1029 1027 5000
ThemeProvider virtual-rerender 549 565 5000
ThemeProvider virtual-rerender-with-unmount 1637 1627 5000
Toggle mount 711 694 5000
buttonNative mount 106 120 5000

@Hotell Hotell merged commit 7ac7eac into microsoft:master May 10, 2022
@Hotell Hotell deleted the hotell/build/move-react-components-p1 branch May 10, 2022 11:40
rohitpagariya pushed a commit to rohitpagariya/fluentui that referenced this pull request May 12, 2022
…der (microsoft#22896)

* refactor(react-shared-contexts): move package to react-components folder

* generate change file
marwan38 pushed a commit to marwan38/fluentui that referenced this pull request Jun 13, 2022
…der (microsoft#22896)

* refactor(react-shared-contexts): move package to react-components folder

* generate change file
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants