Image Convergence

[kubkon]

Preparation:

• Started prep
• Open UI Research complete
  • WICG/open-ui#274
• Comparison on v8 and v0 complete
  • docs: add converged Image spec #17608
• Gather open GitHub issues related to component in epic issue
  • #18176
• react-* package scaffolded
  • migration to new DX #18606
  • react-image redo for convergence #16894
• Component Spec authored and reviewed
  • Image Convergence Spec #18935
  • https://github.com/microsoft/fluentui/blob/master/packages/react-image/Spec.md
• Deliverable: Reviewed component spec

Implementation

packages/react-image

• Started impl
• Implement component
  • react-image: added storybook documentation #19687
  • react-image: removed conditional aria-hidden #19688
  • react-image: separating stories into own files #19821
  • react-image: new shadow prop #19858
• Add storybook stories
• Using hooks
• Using makeStyles
• Respects Figma tokens (and using provider)
• Respects API principles, shorthands and slots handling
• No dependency on v0/v7
• Add tests - Conformance, Unit, and VR
  • Bundle size fixtures
  • Conformance tests
  • Unit tests - react-image: added unit tests #19521
  • VR tests - react-image: Added VR tests #19532
  • Accessibility behavior tests
• Write README.md covering basic usage
  • react-image: Adding readme file #19802
• Write initial MIGRATION.md guide (include v8 and v0)
  • react-image: Adding migration guide #20028
• Set component ownership in CODEOWNERS
  • chore: fix cxe-prg org codeowners and add react-text owner #18997
• Deliverable: Experimental component ready for partner use, component re-exported in react-components

Validation

• Started validating
• Add and validate in UI Builder
• Add and validate in docs site
• Validate with token pipeline
• Validate in product
• Finalize migration guide
  • Author codemods

[kubkon]

Goals for February:

• OpenUI research drafted
• Spec draft (v0 vs v7)
• revamp current impl to use makeStyles and React hooks
• add basic storybook stories

For that one, I'm super tempted to forego scaffolding in favour of initially starting off with something clean, in a separate repo/dir with clean (minimal) build structure.

[kubkon]

Update 09-02-2021

Making some good progress on aligning the existing react-image with the convergence RFC #16806 and makeStyles for styling #16631. The changes are still in draft but feel free to drop comments now: #16894.

[kubkon]

Update 16-02-2021

react-image is now up to date with the convergence direction and the changes are ready for merging here #16894.

[kubkon]

Update 23-02-2021

I've started doing OpenUI research for Image/img, and gathering intel what's out there in the wild. I hope for the first draft PR into the OpenUI repo to be ready by tomorrow.

[kubkon]

Goals for March:

• Land OpenUI research PR WICG/open-ui#274
• Spec draft (v0 vs v7)

[JustSlone]

Update:

• getting started on Spec draft (v0 vs v7)

[JustSlone]

Update:

• Open UI has been merged! (thank you @levithomason)

Working on:

• Spec draft for v0 vs v8 (based on @andrefcdias work on flex)