Skip to content

Re-exporting commonly used things from @fluentui/react-tabster and @fluentui/react-utilities in @fluentui/react-components#22367

Merged
khmakoto merged 8 commits intomicrosoft:masterfrom
khmakoto:reExportInReactComponents
Apr 19, 2022
Merged

Re-exporting commonly used things from @fluentui/react-tabster and @fluentui/react-utilities in @fluentui/react-components#22367
khmakoto merged 8 commits intomicrosoft:masterfrom
khmakoto:reExportInReactComponents

Conversation

@khmakoto
Copy link
Member

@khmakoto khmakoto commented Apr 6, 2022

PR description

This PR re-exports commonly used things from @fluentui/react-tabster and @fluentui/react-utilities from @fluentui/react-components. We can export more things later on a need-by-need basis.

We are also removing the star exports from these two packages in favor of explicit ones.

…act-utilities in @fluentui/react-components.
@khmakoto khmakoto added Fluent UI react-components (v9) dependencies Pull requests that update a dependency file labels Apr 6, 2022
@khmakoto khmakoto self-assigned this Apr 6, 2022
@khmakoto khmakoto requested review from a team as code owners April 6, 2022 20:48
@fabricteam
Copy link
Collaborator

fabricteam commented Apr 6, 2022

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-accordion
Accordion (including children components)
78.865 kB
23.493 kB
react-avatar
Avatar
45.196 kB
13.126 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-button
Button
28.083 kB
8.09 kB
react-button
CompoundButton
33.578 kB
9.126 kB
react-button
MenuButton
29.85 kB
8.684 kB
react-button
SplitButton
36.322 kB
9.878 kB
react-button
ToggleButton
37.465 kB
8.717 kB
react-card
Card - All
57.463 kB
16.405 kB
react-card
Card
52.748 kB
15.119 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.153 kB
20.604 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
179.992 kB
50.125 kB
react-components
react-components: FluentProvider & webLightTheme
32.671 kB
10.696 kB
react-divider
Divider
15.455 kB
5.57 kB
react-image
Image
10.179 kB
3.995 kB
react-input
Input
21.731 kB
7.219 kB
react-label
Label
8.441 kB
3.541 kB
react-link
Link
11.176 kB
4.545 kB
react-menu
Menu (including children components)
109.736 kB
33.409 kB
react-menu
Menu (including selectable components)
112.911 kB
33.867 kB
react-popover
Popover
100.272 kB
30.551 kB
react-portal
Portal
6.272 kB
2.17 kB
react-positioning
usePopper
23.21 kB
8.084 kB
react-priority-overflow
hooks only
10.606 kB
4.087 kB
react-provider
FluentProvider
14.079 kB
5.274 kB
react-select
Select
16.616 kB
6.281 kB
react-slider
Slider
25.619 kB
8.287 kB
react-spinbutton
SpinButton
42.622 kB
12.154 kB
react-spinner
Spinner
16.529 kB
5.583 kB
react-switch
Switch
24.333 kB
8.019 kB
react-text
Text - Default
10.867 kB
4.269 kB
react-text
Text - Wrappers
14.183 kB
4.61 kB
react-textarea
Textarea
20.672 kB
7.07 kB
react-tooltip
Tooltip
42.907 kB
14.761 kB
react-utilities
SSRProvider
189 B
161 B
🤖 This report was generated against 79561e901ae4ca1ab9d647b823fe4c78d2d67354

@size-auditor
Copy link

size-auditor bot commented Apr 6, 2022

Asset size changes

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

Baseline commit: 79561e901ae4ca1ab9d647b823fe4c78d2d67354 (build)

@codesandbox-ci
Copy link

codesandbox-ci bot commented Apr 6, 2022

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 f2151ef:

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

@fabricteam
Copy link
Collaborator

fabricteam commented Apr 6, 2022

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 929 919 5000
Button mount 577 566 5000
FluentProvider mount 1928 1864 5000
FluentProviderWithTheme mount 300 306 10
FluentProviderWithTheme virtual-rerender 227 253 10
FluentProviderWithTheme virtual-rerender-with-unmount 318 297 10
MakeStyles mount 1583 1562 50000

@khmakoto khmakoto changed the title Re-exporting everything from @fluentui/react-tabster and @fluentui/react-utilities in @fluentui/react-components Re-exporting needed things from @fluentui/react-tabster and @fluentui/react-utilities in @fluentui/react-components Apr 19, 2022
@khmakoto khmakoto changed the title Re-exporting needed things from @fluentui/react-tabster and @fluentui/react-utilities in @fluentui/react-components Re-exporting commonly used things from @fluentui/react-tabster and @fluentui/react-utilities in @fluentui/react-components Apr 19, 2022
@khmakoto khmakoto enabled auto-merge (squash) April 19, 2022 18:24
@khmakoto khmakoto merged commit 9c8592d into microsoft:master Apr 19, 2022
@khmakoto khmakoto deleted the reExportInReactComponents branch April 19, 2022 18:42
marwan38 pushed a commit to marwan38/fluentui that referenced this pull request Jun 13, 2022
…luentui/react-utilities in @fluentui/react-components (microsoft#22367)

* Re-exporting everything from @fluentui/react-tabster and @fluentui/react-utilities in @fluentui/react-components.

* Adding change files.

* Adding missing dependency.

* Cutting back on the things exported by react-components.

* Cutting back on more things exported by react-components.

* Cutting back on more things exported by react-components.

* Cutting back on more things exported by react-components.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

dependencies Pull requests that update a dependency file Fluent UI react-components (v9)

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants