Skip to content

Conversation

@petdud
Copy link
Contributor

@petdud petdud commented Aug 4, 2023

Previous Behavior

We had 4 categories for stories, which was confusing.
Screenshot 2023-08-04 at 14 03 50

New Behavior

A single Tree category and stories follow this flow:

  1. visuals
  2. functionals
  3. scenarios/complex
Screenshot 2023-08-04 at 14 04 05

Some simple stories were removed, others were combined and some renamed for their intents.

  • Descriptions were simplified and are more straighforward
  • Best practises added
  • Tried to keep it minimal, we can add more content over time as the usage will increase

Best way to review changes is directly in the react-tree storybook and compare before/after

Related Issue(s)

  • Fixes #

@petdud petdud marked this pull request as ready for review August 4, 2023 12:12
@petdud petdud requested a review from a team as a code owner August 4, 2023 12:13
@petdud petdud requested a review from bsunderhus August 4, 2023 12:13
@petdud petdud linked an issue Aug 4, 2023 that may be closed by this pull request
@fabricteam
Copy link
Collaborator

fabricteam commented Aug 4, 2023

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
InfoButton mount 10 11 5000 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 630 647 5000
Button mount 295 305 5000
Field mount 1126 1150 5000
FluentProvider mount 678 655 5000
FluentProviderWithTheme mount 71 76 10
FluentProviderWithTheme virtual-rerender 61 69 10
FluentProviderWithTheme virtual-rerender-with-unmount 78 76 10
InfoButton mount 10 11 5000 Possible regression
MakeStyles mount 848 869 50000
Persona mount 1772 1758 5000
SpinButton mount 1441 1424 5000

@codesandbox-ci
Copy link

codesandbox-ci bot commented Aug 4, 2023

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

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

@fabricteam
Copy link
Collaborator

fabricteam commented Aug 4, 2023

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
69 kB
18.626 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
208.449 kB
58.124 kB
react-components
react-components: FluentProvider & webLightTheme
37.737 kB
12.383 kB
react-portal-compat
PortalCompatProvider
6.48 kB
2.203 kB
react-tree
FlatTree
132.373 kB
37.551 kB
react-tree
PersonaFlatTree
133.697 kB
37.814 kB
react-tree
PersonaTree
130.61 kB
36.707 kB
react-tree
Tree
129.284 kB
36.452 kB
🤖 This report was generated against 253798f25326e92ba19b313c47a9c9530af12526

@size-auditor
Copy link

size-auditor bot commented Aug 4, 2023

Asset size changes

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

Baseline commit: 253798f25326e92ba19b313c47a9c9530af12526 (build)

@petdud petdud merged commit b921cbb into microsoft:master Aug 7, 2023
@petdud petdud deleted the update-tree-stories branch August 7, 2023 08:07
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Aug 7, 2023
* master:
  chore(cxe-prg): migrate to new slot API (microsoft#28752)
  chore(teams-prg): migrate to new slot API (microsoft#28751)
  chore: re-export slot and assertSlots methods (microsoft#28755)
  Docs(react-tree): Improve docs and stories (microsoft#28741)
  feat: implements nested tree selection (microsoft#28668)
  applying package updates
  applying package updates
  feature(react-utilities): implements new slot methods (`slot` and `assertSlots`) (microsoft#28373)
  fix(TimePicker): Selection now works in locales that don't use "am"/"pm" in their time format (microsoft#28469)
  bugfix: ensures controlled state works properly + (microsoft#28665)
  feat(tokens): Add status color tokens (microsoft#28006)
  feat(tokens): Add colorBrandStroke2Contrast and colorNeutralStrokeAlpha2 (microsoft#28638)
  Made BreadcrumbButton consistent with Item and Link (microsoft#28672)
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Aug 7, 2023
* master:
  chore(cxe-prg): migrate to new slot API (microsoft#28752)
  chore(teams-prg): migrate to new slot API (microsoft#28751)
  chore: re-export slot and assertSlots methods (microsoft#28755)
  Docs(react-tree): Improve docs and stories (microsoft#28741)
  feat: implements nested tree selection (microsoft#28668)
  applying package updates
  applying package updates
  feature(react-utilities): implements new slot methods (`slot` and `assertSlots`) (microsoft#28373)
  fix(TimePicker): Selection now works in locales that don't use "am"/"pm" in their time format (microsoft#28469)
  bugfix: ensures controlled state works properly + (microsoft#28665)
  feat(tokens): Add status color tokens (microsoft#28006)
  feat(tokens): Add colorBrandStroke2Contrast and colorNeutralStrokeAlpha2 (microsoft#28638)
  Made BreadcrumbButton consistent with Item and Link (microsoft#28672)
  fix(EventListener): do not use `defaultProps` (microsoft#28725)
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.

[Docs] react-tree: review all documentation

3 participants