Loading...

Develop PCF Controls with FluentUI React v9

Develop PCF Controls with FluentUI React v9

Microsoft has introduced the first stable version of FluentUI React v9, which is a combination of Office and Teams front-end libraries into one component framework. This new development aims to streamline the respective React libraries and create an efficient component framework. To celebrate this achievement, the author of this post has come up with two community PCF controls that are built using FluentUI React v9.

This post serves as a guide for developers who want to create their own PCF controls using FluentUI React v9. It provides a step-by-step guide on how to get started, including an overview of the framework, how to install and set up the package, and how to use the components to create your own custom controls.

By incorporating FluentUI React v9 into your PCF controls, you can take advantage of the many benefits of this framework, such as improved performance, enhanced accessibility, and a more intuitive user experience, among others.

If you are a developer looking to create more efficient and effective PCF controls, this post is the perfect place to start.

The post Develop PCF Controls with FluentUI React v9 originally appeared on It Must Be Code! .

Published on:

Learn more
It Must Be Code! - Verses and rants on Power Platform development by David Rivard
It Must Be Code! - Verses and rants on Power Platform development by David Rivard

Verses and rants on Power Platform development by David Rivard

Share post:

Related posts

Creating a Virtual PCF React Control with Fluent UI v8

In this post, you'll learn how to create a React PCF (Power Apps Component Framework) control using Fluent UI v8. While the current templates ...

9 months ago

Building and Deploying your First PCF Control (without React)

In this post, we explore the process of building custom PCF controls with tips for developers working in Microsoft Power Apps. PCF controls pr...

9 months ago

PCF Controls with FluentUI v9 – Avoid DOM Id collisions

If you are creating a PCF control and using the FluentUI React v9 library, you may come across a runtime display bug caused by DOM Id collisio...

10 months ago

Power BI Dev Camp Session 26: Modern React-JS Development with App-Owns-Data Embedding

In session 26 of Power BI Dev Camp, you'll learn about modern React-JS development with app-owns-data embedding. This session delves into the ...

2 years ago

Tune in to Power BI Dev Camp - Modern React-JS Development with Power BI Embedding!

If you want to stay up-to-date on the latest Power BI development trends, then the Power BI Dev Camp is the event for you. In particular, the ...

2 years ago

Canvas Components & Component Libraries - Power CAT Live

In this episode of Power CAT Live, Phil interviews Hemant Gaur, Principal Product Manager, about Canvas components and component libraries. Ca...

2 years ago

Calling Microsoft Graph using @azure/msal-react from PCF Control

In this post, we'll dive into the process of incorporating Microsoft Graph into your PCF control through the use of Microsoft's Official Micro...

3 years ago

PCF control is too heavy?

If you are working on creating or planning to create a PowerApps component framework (PCF) control using React components and FluentUI/Office-...

3 years ago

Announcing availability of end-to-end Azure Notification Hubs samples using React native

The Azure Notification Hubs team has announced the release of end-to-end Azure Notification Hubs samples, demonstrating the platform's capabil...

3 years ago
Stay up to date with latest Microsoft Dynamics 365 and Power Platform news!
* Yes, I agree to the privacy policy