Skip to content
Fluent UI Team edited this page Apr 9, 2022 · 8 revisions

Fluent UI React FAQ

Q. What is Fluent UI React?

Fluent UI React (formerly Fabric React) is a responsive, mobile-first, open-source collection of robust components designed to make it quick and simple for you to create web experiences using the Fluent design language.

Q. Who uses Fluent UI React?

React components from Fluent UI React are used by many teams across O365 and Microsoft for building their experiences. Some examples are SharePoint, OneDrive, Outlook, VisualStudio team services, ...

These components are also used by third-party developers, in particular those building components using the SharePoint Framework.

Q. How do I get started with Fluent UI React?

Start from our wiki homepage or the "Get started" section on our website.

Q. Where is the official website located?

https://developer.microsoft.com/fluentui

Q. I am seeing a bug. Where can I open an issue?

Please open all issues at our GitHub issues location.

Things to remember while opening an issue:

  • Please fill out as many details as you can.
  • We highly encourage you to submit PRs for issues.

Q. Can I contribute to Fluent UI React?

Fluent UI React is an open-source distributed project. Lots of developers from inside and outside Microsoft contribute to this project. We highly encourage contributions. There is a core team that works hard to stay on top of the issues and pull requests.

Q. Why should I contribute?

Fluent UI React is an open-source distributed project. If you are building a new app inside O365 or Microsoft, this project will potentially save you lots of time, resources and headaches. We encourage all developers who use Fluent UI React to return a small amount to the community. If you notice bugs, we encourage you to not only open an issue on it but also help fix it. If you have a component that you believe others should use, feel motivated and encouraged to contribute that component back to the community. Sharing is caring. Many developers contribute outside their primary job responsibilities. Additionally, there is plenty to learn. We use a lot of cutting edge best practices used in the industry. Learning those can help you in your career.

Q. How do I communicate with a Fluent UI React core team member?

We have a very active community both outside and inside Microsoft. Please use the Microsoft Teams channel for communication from within Microsoft. And a GitHub issue from outside Microsoft. We triage these issues at least once a week.

Q. How do I contribute to Fluent UI React?

Start by reading our Contributing document. Please point out any missing or incorrect details.

Q. Can I become a part of the Fluent UI core team?

Yes, you totally can. You will need to help out with reviewing pull requests and triaging and fixing issues. For now, only Microsoft employees can be a part of the core team. We are looking into changing that policy to allow non-Microsoft folks to be a part of the core team.

Q. My pull request has been hanging for a long time. What do I do?

We are very proactive and work hard to keep the outstanding pull request count low. But if your pull request is non-trivial and stuck for a long time, please feel free to tag the owners or contact them internally for help.

Q. Where do I read about specific best practices?

Please refer to the following documents.

Q. When and how does the issue Triage work?

The Fluent UI React core team works hard to stay on top of the open issues. We have a team member assigned to "shield" each week to triage new issues as they come in.

Following issues will qualify as high priority

We try to fix high priority bugs ASAP.

  • Is this issue blocking the consumer?
  • Is this a regression? If yes, how and when did it get in?* Is this a very serious bug?

Other bugs will qualify as Normal or lower priority and will get fixed as a part of the normal release cadence.

From time to time we do plan to close issues that are very old and have no activity.

Q. Will there a Fluent UI for Angular?

A Fluent UI project for Angular is not currently on our roadmap. However, we do have a new web components package (@fluentui/web-components) in progress which can interoperate with Angular.

You can also use the UI Fabric Core CSS classes and SCSS variables/mixins for access to our palette, typography and iconography within any framework.

What's new

Planning

Process

Usage

Reporting issues

Contributing

Component creation and convergence

Testing

Coding guidelines

Best practices

References

Useful tools

Clone this wiki locally