I'm looking for some guideline what's the difference between @fluent-ui/react and @fluent-ui/react-northstar. This documentation (READMEs) are super imprecise. I'm don't understand which one to use for what. I'm writing that react-component to be ran in webapp and the word plugin. Do you know which one to go for? They both look a bit different and feels that theming works a bit different.
@fluent-ui/react vs @fluent-ui/react-northstar
Asked Answered
You should use fluent-ui/react-northstar if you want to develop apps for Microsoft Teams, else you should use the normal fluent-ui.
I'm not sure I understand this answer. What is Microsoft Teams exactly? If I'm making a standalone React app which one should I use? –
Exobiology
Fluent-ui/react-northstar is Microsoft's adaptation of their own Fluent UI, but with the Microsoft Teams styling. If you don't know what Microsoft Teams is, you should google it.Basically it's like Slack, but it allows to program some apps for it. If you are just programming in React, outside of SharePoint Framework and Teams you can use any framework you want. –
Humiliation
By "normal fluent-ui", you mean github.com/microsoft/fluentui? This is still super-confusing. –
Cribble
yes, thats what I mean. It's not confusing, they're basically the same, northstar just has the purple MS Teams theme, that's all. –
Humiliation
I don't think they are that similar, the components for each differs significantly. I would like to know if the northstar library is the future for microsoft react? –
Witt
If you look at a simple example of a dropdown, you will see that there is quite a lot of difference between the two. Northstar's dropdown combines the features of the dropdown with combobox.
northstar:
normal:
- https://developer.microsoft.com/en-us/fluentui#/controls/web/dropdown
- https://developer.microsoft.com/en-us/fluentui#/controls/web/combobox
Another to take into consideration is that Northstar's scope is limited to Web / Desktop at present.
this is totally confusing. I am starting to use fluent ui for my react web application. I saw that react-card is deprecated. What should I use? What is the difference between the "React" and "Web components" mentioned in their documantation? I am creating a react web application which uses typescript. –
Underrate
As of 2024 Fluent UI will probably converge into Fluent UI 9 to align the appearance of MS Teams and Windows 11. Read More
© 2022 - 2024 — McMap. All rights reserved.