Fluent UI React Trainings: Core concepts, state management & Triggers API

This tutorial provides an overview of Fluent UI React v9, focusing on efficient component customization and state management techniques. Learn to control states effectively, utilize JSX collections for enhanced flexibility, and optimize your UI development workflow.

📚 Chapters:
00:00 – Intro to the course
00:15 – Intro to the lesson
00:54 – React props to HTML markup
02:49 – Component slots in Fluent UI React v9
03:35 – Slots customizations
05:14 – Controlled & uncontrolled components in React
08:22 – Controlled & uncontrolled patterns in Fluent v9
09:53 – Callbacks for state updates & databags
10:59 – Triggers pattern
12:38 – Controlling state for triggers
14:23 – Using custom components as triggers
17:58 – Using collection components
21:08 – Outro

📝 Examples:

💡 References:

[stefansile]

FluentUI is an awesome framework.I love the implementation of atomic css. Coming from Angular, FluentUI is beautiful.

[blackfalconit]

I'm started to learning it from scratch, there is a grid system like bootstrap? Can i use it with bootstrap?