Skip to content

chore:(docs) New Component doc#31611

Merged
mltejera merged 2 commits into
microsoft:masterfrom
mltejera:docs/new-components
Jun 11, 2024
Merged

chore:(docs) New Component doc#31611
mltejera merged 2 commits into
microsoft:masterfrom
mltejera:docs/new-components

Conversation

@mltejera

@mltejera mltejera commented Jun 6, 2024

Copy link
Copy Markdown
Contributor

This is a direct port from the wiki.

Deleted the bottom 2/3rds which is generally covered by the component implementation guide.

@mltejera mltejera requested review from a team as code owners June 6, 2024 20:27
Comment thread docs/react-v9/contributing/new-components.md Outdated
@fabricteam

fabricteam commented Jun 6, 2024

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 621 606 5000
Button mount 301 312 5000
Field mount 1139 1119 5000
FluentProvider mount 707 710 5000
FluentProviderWithTheme mount 81 81 10
FluentProviderWithTheme virtual-rerender 28 38 10
FluentProviderWithTheme virtual-rerender-with-unmount 82 75 10
MakeStyles mount 855 869 50000
Persona mount 1770 1754 5000
SpinButton mount 1368 1352 5000
SwatchPicker mount 1551 1594 5000

Comment thread docs/react-v9/contributing/new-components.md
@fabricteam

fabricteam commented Jun 6, 2024

Copy link
Copy Markdown
Collaborator

🕵 fluentuiv8 No visual regressions between this PR and main

@fabricteam

fabricteam commented Jun 6, 2024

Copy link
Copy Markdown
Collaborator

Perf Analysis (@fluentui/react-northstar)

⚠️ 1 potential perf regressions detected

Potential regressions comparing to master

Scenario Current PR Ticks Baseline Ticks Ratio Regression Analysis
RefMinimalPerf.default 109 108 1.01:1 analysis
Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
AvatarMinimalPerf.default 115 102 1.13:1
TextAreaMinimalPerf.default 299 268 1.12:1
LoaderMinimalPerf.default 201 182 1.1:1
SkeletonMinimalPerf.default 207 190 1.09:1
AlertMinimalPerf.default 167 154 1.08:1
CardMinimalPerf.default 322 298 1.08:1
GridMinimalPerf.default 197 183 1.08:1
TreeWith60ListItems.default 92 85 1.08:1
InputMinimalPerf.default 548 514 1.07:1
ProviderMinimalPerf.default 209 195 1.07:1
LayoutMinimalPerf.default 207 196 1.06:1
BoxMinimalPerf.default 222 211 1.05:1
ChatDuplicateMessagesPerf.default 156 149 1.05:1
ChatMinimalPerf.default 453 437 1.04:1
CheckboxMinimalPerf.default 1163 1123 1.04:1
ItemLayoutMinimalPerf.default 717 691 1.04:1
StatusMinimalPerf.default 397 381 1.04:1
DividerMinimalPerf.default 210 204 1.03:1
DropdownMinimalPerf.default 1455 1414 1.03:1
FlexMinimalPerf.default 159 154 1.03:1
FormMinimalPerf.default 230 224 1.03:1
ImageMinimalPerf.default 223 217 1.03:1
LabelMinimalPerf.default 226 219 1.03:1
TextMinimalPerf.default 197 191 1.03:1
TreeMinimalPerf.default 488 474 1.03:1
AttachmentMinimalPerf.default 87 85 1.02:1
ButtonMinimalPerf.default 91 89 1.02:1
ButtonOverridesMissPerf.default 661 649 1.02:1
CarouselMinimalPerf.default 255 250 1.02:1
ChatWithPopoverPerf.default 207 202 1.02:1
DatepickerMinimalPerf.default 3611 3527 1.02:1
EmbedMinimalPerf.default 1901 1860 1.02:1
HeaderMinimalPerf.default 210 206 1.02:1
HeaderSlotsPerf.default 478 467 1.02:1
RosterPerf.default 1579 1552 1.02:1
PopupMinimalPerf.default 359 351 1.02:1
ProviderMergeThemesPerf.default 665 649 1.02:1
ListMinimalPerf.default 308 305 1.01:1
ListWith60ListItems.default 365 363 1.01:1
MenuButtonMinimalPerf.default 962 953 1.01:1
PortalMinimalPerf.default 83 82 1.01:1
TableManyItemsPerf.default 1117 1102 1.01:1
TableMinimalPerf.default 240 238 1.01:1
TooltipMinimalPerf.default 1277 1267 1.01:1
AttachmentSlotsPerf.default 646 649 1:1
DropdownManyItemsPerf.default 388 389 1:1
RadioGroupMinimalPerf.default 260 261 1:1
CustomToolbarPrototype.default 1475 1478 1:1
ToolbarMinimalPerf.default 542 541 1:1
AnimationMinimalPerf.default 294 297 0.99:1
DialogMinimalPerf.default 441 445 0.99:1
ReactionMinimalPerf.default 204 206 0.99:1
SegmentMinimalPerf.default 197 198 0.99:1
SliderMinimalPerf.default 729 739 0.99:1
SplitButtonMinimalPerf.default 2231 2263 0.99:1
ListCommonPerf.default 398 406 0.98:1
MenuMinimalPerf.default 508 521 0.98:1
ButtonSlotsPerf.default 313 324 0.97:1
ListNestedPerf.default 316 327 0.97:1
IconMinimalPerf.default 378 388 0.97:1
VideoMinimalPerf.default 421 432 0.97:1
AccordionMinimalPerf.default 79 90 0.88:1

@fabricteam

fabricteam commented Jun 6, 2024

Copy link
Copy Markdown
Collaborator

🕵 FluentUIV0 No visual regressions between this PR and main

@fabricteam

fabricteam commented Jun 6, 2024

Copy link
Copy Markdown
Collaborator

📊 Bundle size report

✅ No changes found

@fabricteam

fabricteam commented Jun 6, 2024

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 639 631 5000
Breadcrumb mount 1691 1691 1000
Checkbox mount 1698 1722 5000
CheckboxBase mount 1473 1491 5000
ChoiceGroup mount 2965 2985 5000
ComboBox mount 677 688 1000
CommandBar mount 6458 6513 1000
ContextualMenu mount 12637 12711 1000
DefaultButton mount 810 804 5000
DetailsRow mount 2216 2233 5000
DetailsRowFast mount 2259 2258 5000
DetailsRowNoStyles mount 2037 2042 5000
Dialog mount 2651 2679 1000
DocumentCardTitle mount 236 219 1000
Dropdown mount 2019 2017 5000
FocusTrapZone mount 1165 1164 5000
FocusZone mount 1093 1076 5000
GroupedList mount 42211 41846 2
GroupedList virtual-rerender 20328 20200 2
GroupedList virtual-rerender-with-unmount 51056 50790 2
GroupedListV2 mount 225 240 2
GroupedListV2 virtual-rerender 222 217 2
GroupedListV2 virtual-rerender-with-unmount 232 234 2
IconButton mount 1160 1161 5000
Label mount 339 339 5000
Layer mount 2747 2730 5000
Link mount 391 391 5000
MenuButton mount 988 987 5000
MessageBar mount 21415 21453 5000
Nav mount 2033 2040 1000
OverflowSet mount 789 795 5000
Panel mount 1853 1834 1000
Persona mount 753 762 1000
Pivot mount 902 901 1000
PrimaryButton mount 938 928 5000
Rating mount 4736 4649 5000
SearchBox mount 917 917 5000
Shimmer mount 1903 1916 5000
Slider mount 1349 1338 5000
SpinButton mount 3053 3017 5000
Spinner mount 382 394 5000
SplitButton mount 1916 1861 5000
Stack mount 422 416 5000
StackWithIntrinsicChildren mount 883 859 5000
StackWithTextChildren mount 2665 2660 5000
SwatchColorPicker mount 6434 6337 5000
TagPicker mount 1454 1449 5000
Text mount 380 377 5000
TextField mount 933 933 5000
ThemeProvider mount 840 855 5000
ThemeProvider virtual-rerender 577 578 5000
ThemeProvider virtual-rerender-with-unmount 1280 1303 5000
Toggle mount 633 605 5000
buttonNative mount 193 195 5000

Comment thread docs/react-v9/contributing/new-components.md
@mltejera mltejera force-pushed the docs/new-components branch from 3f93252 to 2b8849e Compare June 11, 2024 20:27
@mltejera mltejera merged commit 197ceb2 into microsoft:master Jun 11, 2024
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Jun 12, 2024
…escription

* master:
  chore(react-list-preview): Add bundle size tests (microsoft#31658)
  applying package updates
  feat:react-nav-preview Add a handful of accessibility features for Nav (microsoft#31649)
  feat: refactor anchor-button to use element internals and anchor proxy element (microsoft#31653)
  chore:(docs) New Component doc (microsoft#31611)
  style(react-nav-preview): fix formatting in barel file (microsoft#31671)
  feat(web-components): refactor progress bar to use ElementInternals (microsoft#31652)
  chore(react-components): split react libraries in two (/library and /stories) - last batch (microsoft#31581)
  fix(scripts-beachball): ignore web-components packages from v8 release scope (microsoft#31667)
  chore(react-components): split react libraries in two (/library and /stories) - cxe-red /2nd batch (microsoft#31580)
  chore: Remove recipes-react-components in favor of recipes package (microsoft#31647)
  feat: Add consistent start and finish lifecycle callbacks (microsoft#31644)
  chore(docs): Remove requirement of performance tests from epic template (microsoft#31662)
  chore(react-components): split react libraries in two (/library and /stories) - cxe-red /1st batch (microsoft#31579)
  docs(react-swatch-picker): added SwatchPicker page to Component Mapping (microsoft#31637)
  docs(dev-env): update minimal node version (microsoft#31638)
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Jun 12, 2024
* master:
  chore(react-list-preview): Add bundle size tests (microsoft#31658)
  applying package updates
  feat:react-nav-preview Add a handful of accessibility features for Nav (microsoft#31649)
  feat: refactor anchor-button to use element internals and anchor proxy element (microsoft#31653)
  chore:(docs) New Component doc (microsoft#31611)
  style(react-nav-preview): fix formatting in barel file (microsoft#31671)
  feat(web-components): refactor progress bar to use ElementInternals (microsoft#31652)
  chore(react-components): split react libraries in two (/library and /stories) - last batch (microsoft#31581)
  fix(scripts-beachball): ignore web-components packages from v8 release scope (microsoft#31667)
  chore(react-components): split react libraries in two (/library and /stories) - cxe-red /2nd batch (microsoft#31580)
  chore: Remove recipes-react-components in favor of recipes package (microsoft#31647)
  feat: Add consistent start and finish lifecycle callbacks (microsoft#31644)
  chore(docs): Remove requirement of performance tests from epic template (microsoft#31662)
  chore(react-components): split react libraries in two (/library and /stories) - cxe-red /1st batch (microsoft#31579)
  docs(react-swatch-picker): added SwatchPicker page to Component Mapping (microsoft#31637)
  docs(dev-env): update minimal node version (microsoft#31638)
miroslavstastny pushed a commit to miroslavstastny/fluentui that referenced this pull request Jun 14, 2024
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