Episode

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

with Oleksandr Fediashov

Fluent UI React Insights and Training

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

Developer