Extending Microsoft power apps with power apps component framework : a complete guide to creating, deploying, and improving your code components / Danish Naglekar.

Format:

Book

Author/Creator:

Naglekar, Danish, author.

Language:

English

Subjects (All):

Web programming.

Physical Description:

1 online resource (318 pages)

Place of Publication:

Birmingham ; Mumbai : Packt Publishing, 2021.

Summary:

Understand how Power Apps Component Framework is used by professional developers to extend the capabilities of model-driven and canvas apps. Extending Microsoft Power Apps with Power Apps Component Framework is a comprehensive guide that will help you to learn how to build, debug, enrich, and deploy code components using a practical approach.

Contents:

Cover

Title Page

Copyright and Credits

Dedication

Foreword

Contributors

Table of Contents

Preface

Section 1: Fundamentals of the Power Apps Component Framework

Chapter 1: Introduction to the Power Apps Component Framework

Learning some terminology

Overview of the Power Apps component framework

What is the Power Apps component framework?

Who is it focused on?

How are code components different from HTML web resources?

Getting to know the licensing requirements

Exploring the advantages of PCF

Preparing your development machine

Node.js or npm

TypeScript

.NET Framework

Visual Studio Code

Power Apps CLI

Downloading the example library and using the practice questions

Summary

Test your knowledge

Further reading

Chapter 2: Power Apps CLI

Technical requirements

What is Power Apps CLI?

What is npm?

Initializing a Power Apps component framework project

Exercise - creating a PCF project using Power Apps CLI

Chapter 3: Community Tools and Resources

PCF Builder

Graphical user interface version

Guided experience version

PCF Generator

Installing PCF Generator

Initializing a PCF project using PCF Generator

Using command-line arguments

Benefits of using PCF Generator over Power Apps CLI for PCF

Integrating PCF Generator in PCF Builder

Exercise - Creating a PCF project using PCF Generator

PCF Gallery

Using a code component from PCF Gallery

Submitting your own code component on PCF Gallery

Chapter 4: Project Overview and the Component Life Cycle

The types of project

The component makeup

The manifest file

The component implementation

The resource files.

Getting to know the files and the folder structure

PCF projects using Power Apps CLI

The author's recommended folder structure

PCF projects using a PCF Generator

Dataverse solution projects using Power Apps CLI

Understanding the ControlManifest file

Manifest file for field type code component

Manifest file for dataset type code components

The supported data types

Supported features

Exploring the index.ts file

The init function

The updateView method

The getOutputs method

The destroy method

Understanding the component life cycle

Page load

Data changes by the user

Data changes by the app

Section 2: Building and Managing Code Components

Chapter 5: Code, Test, and Repeat

Building the code component for a field

Initializing a new PCF project for a field

Updating the control manifest file for a field

Adding logic to the field code component

Testing the field code component

Fixing the issues observed in the field code component

Adding styling to a field code component

Enriching the field code component by using a preview image

Building a code component for a view or sub-grid

Initializing a new PCF project for a dataset

Updating the control manifest file for a dataset

Adding logic to a dataset code component

Adding styling to a dataset code component

Testing the dataset code component

Testing your knowledge

Chapter 6: Debugging Code Components

Overview of the test harness

Debugging using the test harness

Inspecting elements in a code component

Inspecting console logs to evaluate scripts

Debugging using breakpoints

Debugging in model-driven apps

Installing and configuring Fiddler Classic.

Debugging using AutoResponder

Debugging in canvas apps

Debugging using DevTools

Debugging using AutoResponder

Chapter 7: Authentication Profiles

Understanding authentication profiles

Creating authentication profiles

Creating profiles using Power Apps CLI

Creating profiles using PCF Builder

Managing authentication profiles

Changing profiles using Power Apps CLI

Deleting profiles using Power Apps CLI

Retrieving the details of a selected profile using Power Apps CLI

Managing profiles using PCF Builder

Deploying using authentication profiles

Deploying using Power Apps CLI

Deploying code components using PCF Builder

Chapter 8: Introduction to the Dataverse Project

Overview of the Dataverse solution project

Initializing the solution project and adding a code component

Building a Dataverse project and obtaining the output

Understanding the default build process

Generating different types of solution packages

Creating a production version

Adding multiple code components to a single Dataverse solution

Deploying new code components to an existing solution

Using the solution clone command of the Power Apps CLI

Using PCF Builder to add new components to an existing solution

Exporting the solution's ZIP file using the Power Apps CLI commands

Understanding the complete development cycle

Chapter 9: Configuring Code Components in Power Apps

Adding a field type code component to a model-driven app

Configuring a dataset code component in a model-driven app

Adding a code component to a specific view of a table.

Adding a code component to a table

Adding a code component to a sub-grid

Configuring a code component on a dashboard

Adding a code component to a canvas app

Configuring a field type code component on a screen

Configuring a dataset type code component on a screen

Adding a code component to a gallery component

Section 3: Enhancing Code Components and Your Development Experience

Chapter 10: Diving Deep into the Features Provided by PCF

Understanding the context

Exploring the updateView method

Understanding the importance of the getOutputs method

Setting a null value on the field

Setting values on the field based on a condition

Omitting updates to a field

Inspecting the caching mechanism

Working with external devices

Exploring the Web API

Chapter 11: Creating Advanced Dataset Code Components

Recap of what was built

Sorting the data in a dataset

Implementing pagination on a dataset

Integrating code components with out-of-the-box options

Understanding the technique to open a record from a dataset

Defining properties on a dataset

Chapter 12: Enriching Your Dev Experience

Using Lint and Prettier

Understanding the process of linting your code

Integrating Prettier with a linter

Working with ESLint and Prettier

Setting up a testing framework

Using React and Fluent UI to build code components

Answers to Knowledge Tests

Chapter 1

Chapter 2

Chapter 3

Chapter 4

Chapter 5

Chapter 6

Chapter 7

Chapter 8

Chapter 9

Chapter 10

Chapter 11

Chapter 12.

Why subscribe?

About Packt

Other Books You May Enjoy

Index.

Notes:

Description based on print version record.

ISBN:

9781800564022

1800564023

OCLC:

1241447865