Community resources for Power Apps component framework

The following is a list of some community resources created by the Power Apps community that you can use to create code components in model-driven and canvas apps using Power Apps component framework and Microsoft Power Platform CLI.

Note

Resources created by the community are not supported by Microsoft. If you have questions or issues with community resources, contact the publisher of the resource. Before using these resources, you must ensure that these community resources meet the Power Apps component framework guidelines and should only be used for reference purpose.

Code components gallery

The Power Apps component framework gallery (https://pcf.gallery/) is a collection of code components created by the Power Apps community. It has a wide range of code components that may fit in for your business case.

Make sure that you review the licensing terms and the source code before you download. See, How to run the samples article on how to create a solution package and import into Microsoft Dataverse.

Warning

Code component run in the context of the end user who is using the component and can perform any action that may include accessing, capturing, and modifying the data.

Videos

The following is the list of videos created by Power Apps community.

Name	Description
Build your own code components	Learn how to build code components in model-driven and canvas apps using the Power Apps component framework.
Code components for canvas apps	Learn how to develop and use code components in canvas apps.
Develop code components	This video shows the requirements for developing code components using Power Apps component framework and demonstrates a step-by-step approach for creating your first code component.
Easier debugging with source maps and Fiddler	Learn how to debug minified production code using Fiddler and source maps.
Getting started with code components	Introductory video on Power Apps component framework and basics of building code components.
Power Apps component framework Academy: Getting started	Introductory video on how to build your first code component.
Power Apps component framework: Deep dive manifest file for dataset template	Learn how to define a manifest file for dataset type code components.
Power Apps component framework Academy: Deep dive manifest file for field template	Learn how to define a manifest file for field type code components.
Power Apps component framework Academy: Dataset components	Learn more detail about dataset components and how different methods of dataset API are used.
Power Apps component framework Academy: Importing into your organization	Learn how to package and import code components into Dataverse.
Power Apps component framework revolution	Learn how component framework has enhanced the visualization in model-driven and canvas apps
Power Apps component framework Academy: Using React and Office UI fabric	Learn how to use React and UI fabric in code components.
Power Apps component framework Academy: Usage of additional frameworks	Learn how to use additional frameworks in building code components.
Power Apps component framework Academy: Working with manifest file	Introductory video on manifest file and various methods that need to be defined for developing code components in the manifest file.
Power Apps component framework: What it is for Dynamics 365	If you have ever lamented over the limitations of custom form components in Microsoft Dynamics 365, this tutorial will open your eyes to a whole new world of possibilities.

Blogs

The following is the list of blogs created by Power Apps community.

• Add style to code component in Power Apps component framework
• Beyond the Power Apps component framework
• Beyond the citizen developer: Why pros see promise in Microsoft's Power Apps component framework
• Create code components
• Dianamics Lady (Multiple topics)
• Editing the DOM with supported code components
• How to configure Node.js and Typescript into your environment
• How to simulate desired events using bound properties
• Localization of code components
• Power Apps component framework – Frosting on the Cake
• Public availability of Power Apps component framework – An important milestone
• Work with code components using Power Apps component framework
• What happens when a web resource calls setVisible/setDisabled for that component
• When do you call updateView method

Tools

The code component builder is a tool that enables you to build code components with ease where you do not need to write the CLI commands but still use the Microsoft Power Platform CLI under the hood. Most of the commands are consolidated, making it easier to build components.

There are two versions of the code component builder. Both of them are called PCF Builder and are listed below:

1. PCF Builder for XrmToolBox.
2. PCF Builder for Visual Studio Code.

PCF Builder for XrmToolBox provides a graphical user interface that lets you create code components in visual manner using Microsoft Power Platform CLI.

PCF Builder extension for Visual Studio Code provides a guided experience that not only lets you create code components but you can preview code component inside of Visual Studio Code.