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 for PCF controls use Fluent UI v8, you can use v9 controls as well, although it won't use the out-of-the-box template. The post provides a step-by-step guide for creating a sample PCF control, using @fluentui/react, and emphasizes the importance of staying updated with the latest version of Fluent UI. The tutorial is a must-read for anyone looking to create effective React PCF controls.
If you want to learn how to take advantage of the new features in Fluent UI v9, see the official documentation at https://developer.microsoft.com/en-us/fluentui#/controls/web. For more information on creating a virtual PCF React control with Fluent UI v8, continue reading the post available at https://carldesouza.com/creating-a-virtual-pcf-react-control-with-fluent-ui-v8/
The post Creating a Virtual PCF React Control with Fluent UI v8 was originally published on Carl de Souza.
Published on:
Learn moreRelated posts
Use of async-await in virtual PCF control
The usage of async-await in virtual PCF control is a topic of interest for developers, especially considering the differences in behavior with...
Power Apps – Fluent UI Badge
Looking to add an extra touch of style to your Model Driven App Forms? Look no further than PCF controls. PCF controls, or Power Apps componen...
Use of isPropertyLoading property in PCF Control
In this post, we delve into the use of the isPropertyLoading property in virtual PowerApps component framework (PCF) control, which proved hel...
Storybook for PCF Controls – Part 1 : Set the Story Straight
For those in frontend development, Storybook has become an industry standard for showcasing and testing UI components. In this series of blog ...
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 on...
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...
Explicit package exports in the latest version of Fluent UI might break your PCF path imports
If you are using Fluent UI in your code components (PCF) you probably are also using path-based imports to reduce your bundle size. ...
React 18 is not compatible with Fluent UI and how to work around it in PCF projects
React version 18 has recently been pushed into npm which is great if all of your components support it, however, if you are working with Flu...
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-...