Home

What's new

• FAQ - Fabric and Stardust to Fluent UI
• @fluentui/react version 8
  • Release notes
  • Migration guide
• Contributing to the 7.0 branch
• How to apply themes (version 7/8)
• Fluent UI v9 Beta Release

Planning

• Fluent UI React roadmap
• Fluent UI React v9 Component Roadmap
• Monthly project cycles

Process

• Planning and development process (for work by the core team)
  • Project template
  • Project retrospective template
• Conducting meetings Style guide
• Keeping up with review requests

Usage

• Setup (configuring your environment)
• Fluent UI React version 7/8
  • Getting started
  • Applying themes
  • Using icons
  • Customizing fonts
  • Server-side rendering and browserless testing

Reporting issues

• Overview
• Accessibility Troubleshooting

Contributing

• CLA
• Overview
• Repo structure
• Development process
  • Setup (and development basics)
  • Development workflow
  • Using local (unpublished) version of the lib with a local React app
  • Build commands (master, 7.0)
  • Change files
• Contributing to previous versions
  • Contributing to the 7.0 branch
  • Legacy branches (5.0, 6.0)
    • Cherry-picking to 6.0
  • Build commands (5.0, 6.0 branches)
• API Extractor
• Build command changes made in early 2020

Component creation and convergence

• Component convergence guide
• Creating a component
• Implementation Best Practices
• Theming
• Documenting
• Styling (old approach)

Testing

• Overview
• Testing with Jest
• E2E testing (Cypress)
• Visual testing (Screener)
• Accessibility review checklist

Coding guidelines

• Coding style
• React guidelines
• TypeScript guidelines

Best practices

• Performance
• Accessibility
• Advanced usage
• Component design
• Component usage
• Deprecation guidelines

References

• FAQ
• Browser support
• mergeStyles reference
• Perf testing
• Layer & portals
• Migration from 4.x to 5.x
• Fabric 7.0 release notes

Useful tools

• Advanced auto-merge commands