React developers comfortable with components and props.
About this course
Study Fluent UI React v9 through focused sessions on styling, theming, state management, triggers, slots, and positioning. The lessons explain component patterns that help a React interface behave consistently as it grows.
Skills you will explore
- React
- Fluent UI v9
- Theming
- Component state
- Slots and positioning
Course at a glance
| Provider | Microsoft |
|---|---|
| Platform | YouTube · Microsoft Developer |
| Access | Free Video |
| Level | Intermediate — WikiFree audience assessment |
| Main language | English |
| Available videos | 5 |
| Video duration | 1h 34m · allow extra time for practice |
| Details checked | 8 October 2026 |
Who is this for?
React developers comfortable with components and props. This series is best used alongside a small interface you can experiment with.
Make the lessons useful
Choose one reusable control and document its default, focused, disabled, and open states. Apply a shared theme and test the control with a keyboard before reusing it in a larger screen.
Use the lesson list to study in sequence or return to a specific topic. Search by title, move between videos with Previous and Next, and mark a lesson complete when you finish. Your progress is kept in this browser; a WikiFree account is not required.
What is free?
The lessons in this listing are free YouTube videos. Free Video describes viewing access; cloud resources, AI services, software licenses, or other tools demonstrated in the recordings may have separate requirements or charges. You can watch without purchasing those optional services.
This listing does not include a certification exam or promise a certificate. Check current product documentation before applying older demonstrations to a new project.
Official Microsoft Developer course playlist ↗
Related courses for your next step
- Compare another approachFree Fluent UI React Course: Styling and Accessibility
Focus: Understand positioning and styling options · Explore Griffel and component APIs
Intermediate - Compare another approachFree Simplilearn Course: React Components and Front-End Projects
Focus: Components · Props & State
Intermediate - Compare another approachFree Simplilearn Course: Angular Components, Forms and Routing
Focus: Components · Forms
Intermediate
Compare course focus, level and study time
| Course | Level | Focus | Study time |
|---|---|---|---|
| This course — Free Fluent UI React Course: Themes and Components | Intermediate | React · Fluent UI v9 · Theming | 1h 34m of video; practice time is additional |
| Free Fluent UI React Course: Styling and Accessibility | Intermediate | Understand positioning and styling options · Explore Griffel and component APIs · Apply themes in Fluent UI React v9 | 1h 26m of video; practice time is additional |
| Free Simplilearn Course: React Components and Front-End Projects | Intermediate | Components · Props & State · Web Projects | 45h 20m of video; practice time is additional |
| Free Simplilearn Course: Angular Components, Forms and Routing | Intermediate | Components · Forms · Routing | 14h 4m of video; practice time is additional |
Provider: Microsoft. Videos play from the Microsoft Developer channel on YouTube.
Report a correction
Questions & discussion
Share a useful question or correction. Comments appear after moderation. Please avoid personal or sensitive information.