Virtual React PCF code components – create new, and convert existing ones! – YouTube

Virtual React PCF code components – create new, and convert existing ones!

You’ve been waiting for it – now it’s here! In this video, I’ll show you how to create a virtual react control and how to convert your existing react and fluent UI controls to virtual ones. #PowerApps #PowerApps #PCF #React #FluentUI #PowerPlatform

👉 Blog post on how to convert controls https://develop1.net/public/post/2022/04/07/how-to-convert-pcf-to-virtual-control

👉 Microsoft blog post https://powerapps.microsoft.com/en-us/blog/virtual-code-components-for-power-apps-using-react-and-fluent-ui-react-platform-libraries/

00:00 Introduction
00:42 What is a virtual react control?
01:02 Two types of performance improvements
03:42 Creating a virtual control using pac pcf init
04:52 New framework parameter
06:02 Converting existing controls to virtual controls
07:22 Making updates to the control manifest
09:16 Making updates to index.ts
11:40 Building and testing the control
13:09 Conclusion

You’ve been waiting for it – now it’s here! In this video, I’ll show you how to create a virtual react control and how to convert your existing react and fluent UI controls to virtual ones. #PowerApps #PowerApps #PCF #React #FluentUI #PowerPlatform

👉 Blog post on how to convert controls https://develop1.net/public/post/2022/04/07/how-to-convert-pcf-to-virtual-control

👉 Microsoft blog post https://powerapps.microsoft.com/en-us/blog/virtual-code-components-for-power-apps-using-react-and-fluent-ui-react-platform-libraries/

00:00 Introduction
00:42 What is a virtual react control?
01:02 Two types of performance improvements
03:42 Creating a virtual control using pac pcf init
04:52 New framework parameter
06:02 Converting existing controls to virtual controls
07:22 Making updates to the control manifest
09:16 Making updates to index.ts
11:40 Building and testing the control
13:09 Conclusion

source

Author: Scott Durow

Share This Post On