Skip to content

(chore) Move react-text, react-storybook, react-storybook-addon to react-components subfolder#22693

Merged
TristanWatanabe merged 4 commits into
microsoft:masterfrom
TristanWatanabe:move-cxe-prg-pkgs-batch-2
Apr 29, 2022
Merged

(chore) Move react-text, react-storybook, react-storybook-addon to react-components subfolder#22693
TristanWatanabe merged 4 commits into
microsoft:masterfrom
TristanWatanabe:move-cxe-prg-pkgs-batch-2

Conversation

@TristanWatanabe

Copy link
Copy Markdown
Member

Changes

  • Moves @fluentui/react-text, @fluentui/react-storybook and @fluentui/react-storybook-addon to react-components common folder using move-packages nx generator.

Related Issue(s)

Part of #22427

@codesandbox-ci

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 73df891:

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 1057 1034 5000
Button mount 647 632 5000
FluentProvider mount 2001 2056 5000
FluentProviderWithTheme mount 303 321 10
FluentProviderWithTheme virtual-rerender 286 276 10
FluentProviderWithTheme virtual-rerender-with-unmount 332 347 10
MakeStyles mount 1743 1749 50000

@size-auditor

size-auditor Bot commented Apr 28, 2022

Copy link
Copy Markdown

Asset size changes

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

Baseline commit: f8b29e77dbcc19f83896c910464c33346a2d5ace (build)

@fabricteam

Copy link
Copy Markdown
Collaborator

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
priority-overflow
createOverflowManager
2.936 kB
1.212 kB
react-accordion
Accordion (including children components)
73.754 kB
22.494 kB
react-badge
Badge
20.965 kB
6.605 kB
react-badge
CounterBadge
21.918 kB
6.919 kB
react-badge
PresenceBadge
22.005 kB
6.582 kB
react-card
Card - All
57.884 kB
16.524 kB
react-card
Card
53.169 kB
15.238 kB
react-card
CardFooter
7.756 kB
3.299 kB
react-card
CardHeader
9.321 kB
3.816 kB
react-card
CardPreview
7.728 kB
3.323 kB
react-combobox
Combobox
60.564 kB
20.751 kB
react-divider
Divider
15.455 kB
5.57 kB
react-image
Image
10.179 kB
3.995 kB
react-input
Input
21.775 kB
7.228 kB
react-label
Label
8.441 kB
3.541 kB
react-link
Link
11.176 kB
4.545 kB
react-positioning
usePopper
23.21 kB
8.084 kB
react-priority-overflow
hooks only
10.792 kB
4.125 kB
react-provider
FluentProvider
14.079 kB
5.274 kB
react-radio
Radio
23.488 kB
7.889 kB
react-radio
RadioGroup
8.205 kB
3.516 kB
react-spinbutton
SpinButton
41.955 kB
11.856 kB
react-spinner
Spinner
17.224 kB
5.856 kB
react-switch
Switch
24.333 kB
8.019 kB
react-textarea
Textarea
20.672 kB
7.07 kB
react-theme
Single theme token import
69 B
89 B
react-theme
Teams: all themes
30.098 kB
6.657 kB
react-theme
Teams: Light theme
18.632 kB
5.317 kB
react-tooltip
Tooltip
42.907 kB
14.761 kB
react-utilities
SSRProvider
189 B
161 B
🤖 This report was generated against f8b29e77dbcc19f83896c910464c33346a2d5ace

@fabricteam

Copy link
Copy Markdown
Collaborator

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
AccordionMinimalPerf.default 128 120 1.07:1
AttachmentMinimalPerf.default 136 127 1.07:1
AvatarMinimalPerf.default 169 161 1.05:1
AlertMinimalPerf.default 236 228 1.04:1
ChatWithPopoverPerf.default 322 309 1.04:1
BoxMinimalPerf.default 304 295 1.03:1
ButtonSlotsPerf.default 427 415 1.03:1
CarouselMinimalPerf.default 375 363 1.03:1
AnimationMinimalPerf.default 499 489 1.02:1
ChatMinimalPerf.default 665 652 1.02:1
EmbedMinimalPerf.default 3021 2976 1.02:1
FlexMinimalPerf.default 255 250 1.02:1
GridMinimalPerf.default 309 303 1.02:1
ListMinimalPerf.default 469 460 1.02:1
LoaderMinimalPerf.default 538 528 1.02:1
ProviderMergeThemesPerf.default 1002 986 1.02:1
RadioGroupMinimalPerf.default 414 405 1.02:1
SkeletonMinimalPerf.default 312 307 1.02:1
SliderMinimalPerf.default 1341 1309 1.02:1
TextMinimalPerf.default 314 309 1.02:1
ButtonMinimalPerf.default 143 142 1.01:1
DividerMinimalPerf.default 324 320 1.01:1
FormMinimalPerf.default 359 354 1.01:1
HeaderMinimalPerf.default 323 321 1.01:1
LabelMinimalPerf.default 343 339 1.01:1
LayoutMinimalPerf.default 321 319 1.01:1
ListNestedPerf.default 468 463 1.01:1
MenuMinimalPerf.default 760 751 1.01:1
RosterPerf.default 883 873 1.01:1
ProviderMinimalPerf.default 317 315 1.01:1
ReactionMinimalPerf.default 338 334 1.01:1
RefMinimalPerf.default 213 211 1.01:1
CustomToolbarPrototype.default 2209 2196 1.01:1
ToolbarMinimalPerf.default 833 821 1.01:1
TreeWith60ListItems.default 145 144 1.01:1
AttachmentSlotsPerf.default 858 859 1:1
CardMinimalPerf.default 498 497 1:1
CheckboxMinimalPerf.default 1960 1953 1:1
DropdownMinimalPerf.default 2510 2515 1:1
ListWith60ListItems.default 526 525 1:1
MenuButtonMinimalPerf.default 1362 1357 1:1
PopupMinimalPerf.default 562 561 1:1
SplitButtonMinimalPerf.default 3349 3355 1:1
TableManyItemsPerf.default 1634 1628 1:1
ButtonOverridesMissPerf.default 1176 1185 0.99:1
DropdownManyItemsPerf.default 550 556 0.99:1
HeaderSlotsPerf.default 680 686 0.99:1
InputMinimalPerf.default 998 1006 0.99:1
ItemLayoutMinimalPerf.default 985 996 0.99:1
PortalMinimalPerf.default 148 149 0.99:1
IconMinimalPerf.default 530 536 0.99:1
TableMinimalPerf.default 362 365 0.99:1
TooltipMinimalPerf.default 942 947 0.99:1
VideoMinimalPerf.default 566 571 0.99:1
ChatDuplicateMessagesPerf.default 235 241 0.98:1
DialogMinimalPerf.default 670 681 0.98:1
ImageMinimalPerf.default 332 340 0.98:1
SegmentMinimalPerf.default 308 315 0.98:1
StatusMinimalPerf.default 608 623 0.98:1
DatepickerMinimalPerf.default 4668 4788 0.97:1
TreeMinimalPerf.default 704 727 0.97:1
TextAreaMinimalPerf.default 425 442 0.96:1
ListCommonPerf.default 521 551 0.95:1

@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 970 941 5000
Breadcrumb mount 2703 2701 1000
Checkbox mount 1608 1580 5000
CheckboxBase mount 1358 1397 5000
ChoiceGroup mount 4985 4905 5000
ComboBox mount 1004 991 1000
CommandBar mount 10299 10353 1000
ContextualMenu mount 11025 10962 1000
DefaultButton mount 1206 1200 5000
DetailsRow mount 3937 4011 5000
DetailsRowFast mount 3944 3899 5000
DetailsRowNoStyles mount 3823 3750 5000
Dialog mount 2340 2315 1000
DocumentCardTitle mount 181 175 1000
Dropdown mount 3437 3432 5000
FocusTrapZone mount 1819 1876 5000
FocusZone mount 1860 1780 5000
IconButton mount 1849 1853 5000
Label mount 343 349 5000
Layer mount 2994 3015 5000
Link mount 464 488 5000
MenuButton mount 1581 1592 5000
MessageBar mount 2079 2119 5000
Nav mount 3411 3398 1000
OverflowSet mount 1125 1091 5000
Panel mount 2145 2227 1000
Persona mount 1030 1039 1000
Pivot mount 1493 1496 1000
PrimaryButton mount 1362 1345 5000
Rating mount 8269 8315 5000
SearchBox mount 1412 1386 5000
Shimmer mount 2600 2646 5000
Slider mount 1980 1967 5000
SpinButton mount 5227 5218 5000
Spinner mount 432 433 5000
SplitButton mount 3284 3297 5000
Stack mount 558 561 5000
StackWithIntrinsicChildren mount 2568 2541 5000
StackWithTextChildren mount 5776 5715 5000
SwatchColorPicker mount 12201 12112 5000
TagPicker mount 2911 2815 5000
TeachingBubble mount 85940 88863 5000
Text mount 477 487 5000
TextField mount 1547 1579 5000
ThemeProvider mount 1229 1251 5000
ThemeProvider virtual-rerender 650 669 5000
ThemeProvider virtual-rerender-with-unmount 2023 2058 5000
Toggle mount 865 822 5000
buttonNative mount 126 137 5000

@TristanWatanabe TristanWatanabe merged commit af6bea8 into microsoft:master Apr 29, 2022
@TristanWatanabe TristanWatanabe deleted the move-cxe-prg-pkgs-batch-2 branch April 29, 2022 11:58
marwan38 pushed a commit to marwan38/fluentui that referenced this pull request Jun 13, 2022
…act-components subfolder (microsoft#22693)

* move react-text

* move react-storybook

* move react-storybook-addon

* Change Files
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.

4 participants