Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Renaming @fluentui/react to @fluentui/react-northstar #12302

Merged
merged 25 commits into from
Mar 18, 2020
Merged

Renaming @fluentui/react to @fluentui/react-northstar #12302

merged 25 commits into from
Mar 18, 2020

Conversation

dzearing
Copy link
Member

@dzearing dzearing commented Mar 13, 2020

Setting out to address these goals for customers:

  • Know which component package to use when (@fluentui/react@7 vs office-ui-fabric-react vs@fluentui/react@0 is confusing. Instead we will have @fluentui/react, @fluentui/react-next, and @fluentui/react-northstar.)

  • Ensure that the current production LTS channel can live side by side with "next" and "northstar" code.

To meet these needs, we will be renaming the @fluentui/react package to @fluentui/react-northstar.

BREAKING CHANGE

This means that @fluentui/react package imports would be changed to @fluentui/react-northstar. It is possible however to use new versions of the packages without changing imports via npm aliasing:

npm install @fluentui/react@npm:@fluentui/react-northstar
Microsoft Reviewers: Open in CodeFlow

@size-auditor
Copy link

size-auditor bot commented Mar 13, 2020

Asset size changes

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

Baseline commit: 69fe48c5b3f2d64004ede907c5e6eb3e0d1c31e8 (build)

@msft-github-bot
Copy link
Contributor

msft-github-bot commented Mar 16, 2020

Perf Analysis

No significant results to display.

All results

Scenario Master Ticks PR Ticks Status
BaseButton 834 823
BaseButton (experiments) 953 959
DefaultButton 1062 1060
DefaultButton (experiments) 1923 1911
DetailsRow 3345 3370
DetailsRow (fast icons) 3397 3504
DetailsRow without styles 3115 3188
DocumentCardTitle with truncation 1523 1553
MenuButton 1410 1453
MenuButton (experiments) 3482 3522
PrimaryButton 1167 1181
PrimaryButton (experiments) 1970 1942
SplitButton 3089 3001
SplitButton (experiments) 6803 6873
Stack 457 452
Stack with Intrinsic children 1049 1083
Stack with Text children 4047 4129
Text 368 400
Toggle 862 887
Toggle (experiments) 2124 2161
button 58 65

Perf Analysis (Fluent)

Perf comparison
Status Scenario Fluent TPI Fabric TPI Ratio Iterations Ticks
🔧 Avatar.Fluent 0.57 0.53 1.08:1 2000 1135
🦄 Button.Fluent 0.1 0.2 0.5:1 5000 520
🔧 Checkbox.Fluent 0.78 0.41 1.9:1 1000 782
🔧 Dialog.Fluent 0.44 0.22 2:1 5000 2181
🔧 Dropdown.Fluent 3.71 0.52 7.13:1 1000 3708
🔧 Icon.Fluent 0.19 0.05 3.8:1 5000 946
🎯 Image.Fluent 0.08 0.11 0.73:1 5000 412
🔧 Slider.Fluent 1.58 0.44 3.59:1 1000 1578
🔧 Text.Fluent 0.09 0.02 4.5:1 5000 436
🦄 Tooltip.Fluent 0.13 15.33 0.01:1 5000 628

🔧 Needs work     🎯 On target     🦄 Amazing

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
FlexMinimalPerf.default 321 272 1.18:1
RefMinimalPerf.default 233 215 1.08:1
Text.Fluent 436 407 1.07:1
ButtonSlotsPerf.default 646 609 1.06:1
TextMinimalPerf.default 429 406 1.06:1
TreeWith60ListItems.default 243 229 1.06:1
Image.Fluent 412 387 1.06:1
ChatDuplicateMessagesPerf.default 432 414 1.04:1
FormMinimalPerf.default 1056 1015 1.04:1
ItemLayoutMinimalPerf.default 2320 2232 1.04:1
LoaderMinimalPerf.default 1121 1081 1.04:1
MenuButtonMinimalPerf.default 1762 1694 1.04:1
AvatarMinimalPerf.default 576 559 1.03:1
BoxMinimalPerf.default 392 379 1.03:1
HeaderSlotsPerf.default 1827 1770 1.03:1
HierarchicalTreeMinimalPerf.default 1155 1116 1.03:1
TreeMinimalPerf.default 1320 1283 1.03:1
VideoMinimalPerf.default 1001 976 1.03:1
AccordionMinimalPerf.default 266 261 1.02:1
AttachmentSlotsPerf.default 3653 3599 1.02:1
LabelMinimalPerf.default 412 404 1.02:1
ListNestedPerf.default 1062 1043 1.02:1
PopupMinimalPerf.default 250 246 1.02:1
RadioGroupMinimalPerf.default 648 634 1.02:1
SplitButtonMinimalPerf.default 12915 12680 1.02:1
TooltipMinimalPerf.default 934 920 1.02:1
Checkbox.Fluent 782 769 1.02:1
ChatWithPopoverPerf.default 621 614 1.01:1
DialogMinimalPerf.default 2068 2049 1.01:1
EmbedMinimalPerf.default 5624 5586 1.01:1
MenuMinimalPerf.default 2207 2186 1.01:1
TextAreaMinimalPerf.default 3297 3258 1.01:1
Avatar.Fluent 1135 1129 1.01:1
Dialog.Fluent 2181 2169 1.01:1
CarouselMinimalPerf.default 2008 2017 1:1
CheckboxMinimalPerf.default 3298 3307 1:1
ListCommonPerf.default 1120 1125 1:1
PortalMinimalPerf.default 324 324 1:1
SegmentMinimalPerf.default 1262 1256 1:1
SliderMinimalPerf.default 1594 1588 1:1
Icon.Fluent 946 944 1:1
Tooltip.Fluent 628 629 1:1
AnimationMinimalPerf.default 662 670 0.99:1
DividerMinimalPerf.default 1054 1067 0.99:1
DropdownMinimalPerf.default 3631 3674 0.99:1
IconMinimalPerf.default 456 460 0.99:1
InputMinimalPerf.default 1089 1098 0.99:1
ListMinimalPerf.default 484 490 0.99:1
ListWith60ListItems.default 1247 1260 0.99:1
StatusMinimalPerf.default 685 690 0.99:1
CustomToolbarPrototype.default 3661 3698 0.99:1
Button.Fluent 520 527 0.99:1
GridMinimalPerf.default 935 950 0.98:1
HeaderMinimalPerf.default 619 629 0.98:1
LayoutMinimalPerf.default 720 736 0.98:1
TableMinimalPerf.default 707 724 0.98:1
ToolbarMinimalPerf.default 1217 1245 0.98:1
Dropdown.Fluent 3708 3767 0.98:1
Slider.Fluent 1578 1613 0.98:1
ButtonMinimalPerf.default 146 150 0.97:1
ProviderMergeThemesPerf.default 1349 1384 0.97:1
ProviderMinimalPerf.default 642 662 0.97:1
ReactionMinimalPerf.default 2563 2641 0.97:1
AlertMinimalPerf.default 589 614 0.96:1
AttachmentMinimalPerf.default 892 930 0.96:1
ImageMinimalPerf.default 366 381 0.96:1
ChatMinimalPerf.default 582 618 0.94:1
DropdownManyItemsPerf.default 1523 1692 0.9:1

dzearing and others added 5 commits March 16, 2020 08:56
…c-react into fluent-ui-exp

# Conflicts:
#	packages/fluentui/react-experimental/src/themes/teams-high-contrast/componentStyles.ts
#	packages/fluentui/react-experimental/src/themes/teams-high-contrast/components/Menu/menuItemStyles.ts
This was referenced Mar 16, 2020
@dzearing dzearing changed the title Renaming @fluentui/react to @fluentui/react-experimental Renaming @fluentui/react to @fluentui/react-future Mar 17, 2020
@dzearing dzearing changed the title Renaming @fluentui/react to @fluentui/react-future Renaming @fluentui/react to @fluentui/react-northstar Mar 18, 2020
@dzearing
Copy link
Member Author

@miroslavstastny I believe we are ready to go here; can you help with merge/publish/update teams?

I will start on the oufr aliasing pr next.

@ecraig12345 ecraig12345 merged commit 2725a02 into microsoft:master Mar 18, 2020
@msft-github-bot
Copy link
Contributor

🎉@fluentui/react-compose@v0.2.1 has been released which incorporates this pull request.:tada:

Handy links:

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.

None yet

5 participants