Creating a Virtual PCF React Control with Fluent UI v8
This article discusses how to create a React PCF (PowerApps Component Framework) control. The current templates for PCF controls use Fluent UI v8, but the latest version is Fluent UI v9. The article provides links to the documentation for both versions. The article then walks through the process of creating a sample React PCF control, including installing the necessary software, creating the control folder, and running the initialization command. It explains the different functions in the control's index.ts file and the template in the HelloWorld.tsx file. The article also covers deploying the control to a Dataverse org and demonstrates how to extend the control by changing it to use a textbox instead of a label.
Article 15m
Login now to access my digest by 365.Training
Learn how my digest works
Features
- Articles, blogs, podcasts, training, and videos
- Quick read TL;DRs for each item
- Advanced filtering to prioritize what you care about
- Quick views to isolate what you are looking for right now
- Save your favorite items
- Share your favorites
- Snooze items you want to revisit when you have more time