-
Notifications
You must be signed in to change notification settings - Fork 2.7k
Fluent UI React Roadmap Q2 2021
Justin Slone edited this page Apr 4, 2021
·
1 revision
This roadmap represents the currently planned work for Fluent UI React for the next Quarter (April - June).
As an open source project, features not tracked on this roadmap may be submitted by the community. If you have a feature you would like to add to Fluent UI React, file an issue or an RFC to start the discussion!
Our roadmap provides insight into our current planning and is subject to change based on new priorities, feature requests, or learnings. While we will do our best to maintain a stable roadmap, this document does not represent a firm commitment. |
❓ Got questions |
---|
Post any questions or feedback on our Roadmap over on the Q&A Discussions |
- Next round of Fluent UI baseline components in experimental phase (rough priority)
- Icon
- Divider
- Flex
- Tooltip
- Button
- Badge
- Avatar
- Menu
- MenuButton
- Popup
- Text
- FocusZone
- FocusTrapZone
- Accordion
- Header
- Input
- Deliver Pri 1 issues tracked here Project: Stabilize react-components
- Write up component model, share broadly for feedback
- Write up theming/tokens approach, share broadly for feedback
- Write up component styling approach, share broadly for feedback
- Fix several outstanding a11y issues
- Build plan jointly with partners
There are a few key benefits customers will see when upgrading to Fluent UI vNext components. We need to establish regular measurements and monitoring for these scenarios. This is to back up our claims with real data, as well as ensure we do not accidentally regress these as we build out components.
- Performance
Performance benefits primarily come from our optimized approach to CSS-in-JSS (make-styles).
Areas to measure include:- Scenarios for real world CSS-in-JS overhead
- CSS Size (savings from Atomic CSS)
- Initial render cost
- Re-render cost
- Bundle Size
We need to measure our bundle size, understand where we are at and develop and opinion for what the incremental cost of adopting Fluent UI vNext components will be. Doing so will allow us to vette this with partners and get feedback.- Bundle Size of utilities
- Bundle Size of incremental scenarios (Import FluentProvider + Button)
- Bundle Size of each component in isolation (we have this already)
- Bundle Size of common component scenarios
- Accessibility
Our a11y first approach to design and implementation of Fluent UI vNext components will lead to a much more accessible set of components. As part of this we are also planning to do a11y specific usability testing for our components. Ensuring they are not only designed following best practices, but also work great for all types of users.- Write up key Accessibility benefits and implement measurements
- API Surface
One key issue with the existing Fluent UI React component library is the large surface exported from the library. With Fluent UI vNext we intend to trim this down to core component exports needed in common use cases. We are also exploring the idea of allowing advanced exports to be access through individual packages.- Write up key API surface benefits and implement measurements
- Reduce false build failure rate
- FAQ - Fabric and Stardust to Fluent UI
-
@fluentui/react
Version 9 -
@fluentui/react
Version 8 - Contributing to the
7.0
branch - How to apply themes (version 7/8)
- Planning and development process (for work by the core team)
- Conducting meetings Style guide
- Keeping up with review requests
- RFC review process
- Setup (configuring your environment)
- Fluent UI React version 7/8
- CLA
- Overview
- Repo structure
- Development process
- Contributing to previous versions
- API Extractor
- Build command changes made in early 2020
- Component implementation guide
- Creating a component
- Implementation Best Practices
- Theming
- Documenting
- Styling (old approach)
- Overview
- Testing with Jest
- E2E testing (Cypress)
- Visual testing (Screener)
- Accessibility review checklist