- Published on
Fluent UI React V9
- Authors
- Name
- Sambasivarao Velnati
- @sambavelnati
We have many UI component libraries, which helps speed up application development and make great user experiences.
Why Fluent UI?
We have many popular UI frameworks available in market. Some of them are completely open sourced, some has dual license and some paid etc.,
At our company, we aimed to select a solution that was contemporary, high-performing, and consistently well-maintained. After conducting several trials and thorough research, we ultimately decided on Fluent UI V9, which represents a significant improvement over its previous iterations..
Furthermore, Fluent UI serves as the framework underpinning Microsoft 365 applications, aligning with the forward-thinking and future-proof nature commonly associated with few other popular frameworks.
Key differentiators
- Active development
- MIT license with no dual licensing
- Compact bundle size
- Exceptional performance
- Fluent 2 design language
- Customizability through design tokens
- Keyboard support & WCAG 2.1 compliant
- Long-term support
Features we love
Fluent UI V9 is on par with numerous other well-known component libraries. Some of the features that greatly benefit us include:
1. Size support across components
This is a great feature, which allows us to enable personal layout options.
2. keyboard support
Thoroughly tested keyboard navigation support across components proved to be a time-saving asset for implementing accessibility features.
3. Virtualizer
The Virtualizer proves valuable in the implementation of user-friendly pagination options that feel familiar to users.
4. Design tokens
Design tokens provide an excellent means of style management and consistency maintenance, and having direct framework support is highly advantageous.
5. Field support
Fluent's field composition feature is a valuable addition that has significantly simplified dynamic rendering.
6. Customization
Div based customization allows to render complex compositions when needed. Also, slots design help set clear context.
7. Icon catalog
Icons supports general use cases, and implementing only the necessary icons, rather than the entire library, contributes to performance improvements.
Componenets we expect soon
1. Stepper
Stepper is a great way to organise complex forms.
2. Advanced date picker
Date picker with various options like multi select, range select.
There are opensource alternatives like Mantine, with some basic effort components can be used along with fluent design system. These can cover missing links and we hope to see great improvements and user experience in future.