Use Your Pro Dev Skills to Power Up your Power Apps front ends

on YouTube ↗27m

" summary

Walks through building real Power Apps code components using Power Apps Component Framework, showing field and dataset PCFs implemented with Node.js, TypeScript, React and Fluent UI and managed with Power Platform CLI. Demonstrates core methods (init, updateView, notifyOutputChanged, getOutputs, destroy), virtual components preview, and a Power Apps Grid customizer cell renderer. Ships a colorful option-set field and a dataset grid using Fluent UI DetailsList, and a PCF that reads view layoutJson to output translated column schemas for Creator Kit custom pages — all implemented and working, including responsive sizing.

AI-written summary · about

" chapters (7)

1. 0:00Introduction to PCF
2. 6:39Building Field PCFs
3. 8:01Data Set PCF Overview
4. 12:20Power Apps Grid Customizer
5. 16:59Creator Kit and Dataverse
6. 21:33Dynamic Schema and Language
7. 25:34Responsive Design and Summary

" related talks

• 48mPower Apps Components What? How? When?Deepak Shrivastava · Power Platform Virtual Conference 2021
• 16mDiscovering the world of Low-Code with Microsoft PowerAppsAbderrahmane Ettounani · BlaBlaConf 2025
• 46mFull stack scale with the Microsoft Power PlatformRyan Cunningham, Casey Burke, Ben Walters, Christy Jefson, Ashvini Sharma, Leon Welicki, Gary Pretty, Kartik Kanakasabesan, Soufiane Loukili · Microsoft Build 2023
• 43mData-driven app and web development with Microsoft Power Platform Q&AJulie Koesmarno, Nathan Helgren, Emma Cooper, Tim Fish, Mikayla Soucie, Dileep Singh, Greg Lindhorst, Cindy Kwan · Microsoft Build 2023
• 57mEngineering for Low Code SolutionsAndrew Coates · NDC Melbourne 2022
• 23mCustom Pages & PCFDiana Birkelbach · Powerful Devs Conference 2021
• 15mEnrich your projects with LowCode magicRui Santos · NDC Oslo 2021
• 40mStreamline and Automate Low Code Solutions for Process Improvement Using PowerCla-Petra Omaku · Build Stuff 2024