Skip to content

Conversation

@Hotell
Copy link
Contributor

@Hotell Hotell commented Jul 19, 2023

Previous Behavior

New Behavior

nx generators are now used instead plop for v9 library/component generation.

  • yarn create-package and yarn create-component aliases work as before
  • now you can run those task via NX Console or directly from CLI via nx

Related Issue(s)

@Hotell Hotell changed the title Hotell/nx/generators/replace create aliases with nx chore: replace plop with nx within create-* aliases in root package.json Jul 19, 2023
@github-actions github-actions bot added this to the July Project Cycle Q3 2023 milestone Jul 19, 2023
@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
FluentProviderWithTheme mount 72 77 10 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 607 594 5000
Button mount 292 298 5000
Field mount 1059 1034 5000
FluentProvider mount 640 662 5000
FluentProviderWithTheme mount 72 77 10 Possible regression
FluentProviderWithTheme virtual-rerender 66 67 10
FluentProviderWithTheme virtual-rerender-with-unmount 74 71 10
InfoButton mount 8 12 5000
MakeStyles mount 844 847 50000
Persona mount 1607 1614 5000
SpinButton mount 1306 1306 5000

@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 77fcf7b:

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

@fabricteam
Copy link
Collaborator

🕵 fluentuiv8 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
ChatWithPopoverPerf.default 201 179 1.12:1
SegmentMinimalPerf.default 204 188 1.09:1
InputMinimalPerf.default 556 526 1.06:1
AttachmentMinimalPerf.default 87 83 1.05:1
CardMinimalPerf.default 317 302 1.05:1
GridMinimalPerf.default 193 184 1.05:1
TableMinimalPerf.default 241 229 1.05:1
TreeMinimalPerf.default 480 457 1.05:1
VideoMinimalPerf.default 443 420 1.05:1
AttachmentSlotsPerf.default 633 611 1.04:1
ButtonSlotsPerf.default 308 295 1.04:1
SplitButtonMinimalPerf.default 2316 2233 1.04:1
TableManyItemsPerf.default 1154 1114 1.04:1
ChatDuplicateMessagesPerf.default 155 151 1.03:1
AvatarMinimalPerf.default 104 102 1.02:1
CarouselMinimalPerf.default 253 249 1.02:1
DropdownManyItemsPerf.default 392 383 1.02:1
EmbedMinimalPerf.default 1887 1858 1.02:1
ItemLayoutMinimalPerf.default 709 698 1.02:1
LabelMinimalPerf.default 216 211 1.02:1
ListNestedPerf.default 317 311 1.02:1
LoaderMinimalPerf.default 195 191 1.02:1
ProviderMergeThemesPerf.default 670 659 1.02:1
SkeletonMinimalPerf.default 197 194 1.02:1
SliderMinimalPerf.default 738 724 1.02:1
ToolbarMinimalPerf.default 534 524 1.02:1
BoxMinimalPerf.default 196 195 1.01:1
CheckboxMinimalPerf.default 1128 1121 1.01:1
DatepickerMinimalPerf.default 3588 3566 1.01:1
FlexMinimalPerf.default 155 153 1.01:1
ListMinimalPerf.default 307 304 1.01:1
ProviderMinimalPerf.default 201 199 1.01:1
ReactionMinimalPerf.default 214 212 1.01:1
TextMinimalPerf.default 190 188 1.01:1
TooltipMinimalPerf.default 1254 1237 1.01:1
AlertMinimalPerf.default 159 159 1:1
ButtonMinimalPerf.default 88 88 1:1
ChatMinimalPerf.default 423 424 1:1
DropdownMinimalPerf.default 1430 1436 1:1
PopupMinimalPerf.default 350 351 1:1
RadioGroupMinimalPerf.default 264 265 1:1
AnimationMinimalPerf.default 297 300 0.99:1
DialogMinimalPerf.default 443 447 0.99:1
HeaderMinimalPerf.default 203 206 0.99:1
ListWith60ListItems.default 371 376 0.99:1
MenuMinimalPerf.default 501 505 0.99:1
PortalMinimalPerf.default 84 85 0.99:1
IconMinimalPerf.default 379 383 0.99:1
CustomToolbarPrototype.default 1475 1488 0.99:1
AccordionMinimalPerf.default 81 83 0.98:1
ButtonOverridesMissPerf.default 653 666 0.98:1
HeaderSlotsPerf.default 465 476 0.98:1
LayoutMinimalPerf.default 200 204 0.98:1
MenuButtonMinimalPerf.default 934 949 0.98:1
FormMinimalPerf.default 213 220 0.97:1
StatusMinimalPerf.default 386 396 0.97:1
ListCommonPerf.default 383 397 0.96:1
RefMinimalPerf.default 105 109 0.96:1
TreeWith60ListItems.default 80 83 0.96:1
DividerMinimalPerf.default 193 205 0.94:1
ImageMinimalPerf.default 209 223 0.94:1
RosterPerf.default 1468 1590 0.92:1
TextAreaMinimalPerf.default 287 312 0.92:1

@fabricteam
Copy link
Collaborator

🕵 FluentUIV0 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
global-context
createContext
510 B
330 B
global-context
createContextSelector
537 B
342 B
priority-overflow
createOverflowManager
4.248 kB
1.671 kB
react-accordion
Accordion (including children components)
88.26 kB
26.718 kB
react-alert
Alert
82.565 kB
21.726 kB
react-avatar
Avatar
47.713 kB
14.513 kB
react-avatar
AvatarGroup
15.695 kB
6.314 kB
react-avatar
AvatarGroupItem
63.889 kB
18.993 kB
react-badge
Badge
23.604 kB
7.272 kB
react-badge
CounterBadge
24.506 kB
7.574 kB
react-badge
PresenceBadge
22.227 kB
7.881 kB
react-button
Button
36.792 kB
9.472 kB
react-button
CompoundButton
43.946 kB
10.952 kB
react-button
MenuButton
40.978 kB
10.669 kB
react-button
SplitButton
49.211 kB
12.232 kB
react-button
ToggleButton
55.074 kB
11.368 kB
react-card
Card - All
89.36 kB
25.284 kB
react-card
Card
83.778 kB
23.685 kB
react-card
CardFooter
9.24 kB
3.907 kB
react-card
CardHeader
11.652 kB
4.741 kB
react-card
CardPreview
10.048 kB
4.254 kB
react-checkbox
Checkbox
33.198 kB
10.718 kB
react-combobox
Combobox (including child components)
87.173 kB
28.125 kB
react-combobox
Dropdown (including child components)
85.576 kB
27.723 kB
react-components
react-components: Button, FluentProvider & webLightTheme
65.175 kB
17.915 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
210.68 kB
58.781 kB
react-components
react-components: FluentProvider & webLightTheme
36.409 kB
12.003 kB
react-datepicker-compat
DatePicker Compat
223.368 kB
59.265 kB
react-dialog
Dialog (including children components)
92.736 kB
27.579 kB
react-divider
Divider
17.49 kB
6.364 kB
react-field
Field
18.148 kB
6.97 kB
react-image
Image
11.561 kB
4.637 kB
react-infobutton
InfoButton
131.335 kB
40.311 kB
react-infobutton
InfoLabel
134.94 kB
41.443 kB
react-input
Input
24.232 kB
7.781 kB
react-label
Label
10.186 kB
4.253 kB
react-link
Link
12.782 kB
5.247 kB
react-menu
Menu (including children components)
132.673 kB
40.613 kB
react-menu
Menu (including selectable components)
135.437 kB
41.106 kB
react-overflow
hooks only
12.505 kB
4.626 kB
react-persona
Persona
55.267 kB
16.525 kB
react-popover
Popover
119.925 kB
36.895 kB
react-portal
Portal
11.935 kB
4.421 kB
react-portal-compat
PortalCompatProvider
6.473 kB
2.196 kB
react-positioning
usePositioning
24.272 kB
8.866 kB
react-progress
ProgressBar
13.941 kB
5.498 kB
react-provider
FluentProvider
18.129 kB
6.73 kB
react-radio
Radio
26.991 kB
8.626 kB
react-radio
RadioGroup
11.376 kB
4.763 kB
react-select
Select
24.929 kB
8.713 kB
react-slider
Slider
34.87 kB
11.178 kB
react-spinbutton
SpinButton
33.73 kB
10.337 kB
react-spinner
Spinner
21.77 kB
7.134 kB
react-switch
Switch
29.485 kB
9.228 kB
react-table
DataGrid
158.282 kB
43.276 kB
react-table
Table (Primitives only)
44.666 kB
12.442 kB
react-table
Table as DataGrid
132.365 kB
33.849 kB
react-table
Table (Selection only)
77.993 kB
19.245 kB
react-table
Table (Sort only)
76.978 kB
18.973 kB
react-tags-preview
InteractionTag
34.145 kB
9.188 kB
react-tags-preview
Tag
25.936 kB
8.483 kB
react-tags-preview
TagGroup
69.142 kB
20.294 kB
react-text
Text - Default
12.574 kB
4.982 kB
react-text
Text - Wrappers
15.726 kB
5.302 kB
react-textarea
Textarea
27.703 kB
9.126 kB
react-theme
Single theme token import
69 B
89 B
react-theme
Teams: all themes
31.987 kB
6.85 kB
react-theme
Teams: Light theme
18.121 kB
5.194 kB
react-toast
Toast (including Toaster)
78.365 kB
23.67 kB
react-tooltip
Tooltip
47.463 kB
16.655 kB
react-utilities
SSRProvider
180 B
159 B
🤖 This report was generated against f0bb2f01dc8e020f354cea8f71bd884fc4b2177d

@fabricteam
Copy link
Collaborator

🕵 fluentuiv9 No visual regressions between this PR and main

@size-auditor
Copy link

size-auditor bot commented Jul 19, 2023

Asset size changes

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

Baseline commit: f0bb2f01dc8e020f354cea8f71bd884fc4b2177d (build)

@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 632 640 5000
Breadcrumb mount 1685 1670 1000
Checkbox mount 1717 1673 5000
CheckboxBase mount 1459 1456 5000
ChoiceGroup mount 2915 2935 5000
ComboBox mount 647 656 1000
CommandBar mount 6195 6167 1000
ContextualMenu mount 12449 12680 1000
DefaultButton mount 760 762 5000
DetailsRow mount 2171 2163 5000
DetailsRowFast mount 2153 2205 5000
DetailsRowNoStyles mount 1985 1994 5000
Dialog mount 2621 2609 1000
DocumentCardTitle mount 219 238 1000
Dropdown mount 1966 2008 5000
FocusTrapZone mount 1111 1120 5000
FocusZone mount 1054 1045 5000
GroupedList mount 41377 41566 2
GroupedList virtual-rerender 20115 19856 2
GroupedList virtual-rerender-with-unmount 50466 50491 2
GroupedListV2 mount 222 227 2
GroupedListV2 virtual-rerender 200 212 2
GroupedListV2 virtual-rerender-with-unmount 226 227 2
IconButton mount 1059 1091 5000
Label mount 337 347 5000
Layer mount 2748 2743 5000
Link mount 407 379 5000
MenuButton mount 949 942 5000
MessageBar mount 21211 21238 5000
Nav mount 1965 1953 1000
OverflowSet mount 778 765 5000
Panel mount 1767 1757 1000
Persona mount 727 744 1000
Pivot mount 845 880 1000
PrimaryButton mount 853 864 5000
Rating mount 4605 4516 5000
SearchBox mount 894 896 5000
Shimmer mount 1885 1892 5000
Slider mount 1324 1326 5000
SpinButton mount 2916 2893 5000
Spinner mount 379 375 5000
SplitButton mount 1846 1794 5000
Stack mount 399 410 5000
StackWithIntrinsicChildren mount 862 861 5000
StackWithTextChildren mount 2585 2608 5000
SwatchColorPicker mount 6093 6104 5000
TagPicker mount 1445 1446 5000
Text mount 371 382 5000
TextField mount 924 916 5000
ThemeProvider mount 824 836 5000
ThemeProvider virtual-rerender 588 572 5000
ThemeProvider virtual-rerender-with-unmount 1271 1251 5000
Toggle mount 602 606 5000
buttonNative mount 196 189 5000

@Hotell Hotell marked this pull request as ready for review July 19, 2023 13:30
@Hotell Hotell requested a review from a team as a code owner July 19, 2023 13:30
@Hotell Hotell merged commit ff9dc9f into microsoft:master Jul 20, 2023
@Hotell Hotell deleted the hotell/nx/generators/replace-create-aliases-with-nx branch July 20, 2023 09:28
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Jul 25, 2023
* master: (32 commits)
  chore: remove @fluentui/bundle-size (microsoft#28601)
  Breadcrumb UI adjustments (microsoft#28578)
  feat(tools): re-generate react-components.api.md when preparing 1st stable release (microsoft#28561)
  perf(tools): make dependency-mismatch execution 90% faster and ignore */>=9.0.0-alpha versions (microsoft#28597)
  Table/DataGrid: keyboard resizing improvements (microsoft#28493)
  docs(react-tooltip): Add info icon + tooltip story to Tooltip stories (microsoft#28611)
  chore: Updating @fluentui/react-icons to version 2.0.207 (microsoft#28590)
  feat: allSelectedRows and someSelectedRows should be more reliable (microsoft#28577)
  add vr test to react-tags (microsoft#28484)
  applying package updates
  chore: migrate to monosize (microsoft#26826)
  fix(react-conformance): add @swc/helpers to deps instead of tslib as we use swc for transpilation (microsoft#28599)
  fix: MenuItem content should be spaced 12px from the boundary (microsoft#28162)
  feat: implements selection (microsoft#28497)
  bugfix: moves handleBackdropClick from defaultProps to an override (microsoft#28579)
  Fix empty CSS creation (microsoft#28566)
  chore: replace plop with nx within create-* aliases in root package.json (microsoft#28575)
  applying package updates
  fix: High contrast mode hover style icon fixes in react-button components (microsoft#28156)
  SplitButton: updated border right token for primary variant (microsoft#28555)
  ...
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.

3 participants