Extending Microsoft power apps with power apps component framework a complete guide to creating, deploying, and improving your code components
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...
| Otros Autores: | |
|---|---|
| Formato: | Libro electrónico |
| Idioma: | Inglés |
| Publicado: |
Birmingham ; Mumbai :
Packt Publishing
2021.
|
| Materias: | |
| Ver en Biblioteca Universitat Ramon Llull: | https://discovery.url.edu/permalink/34CSUC_URL/1im36ta/alma991009631718306719 |
Tabla de Contenidos:
- 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
- Summary
- Test your knowledge
- Further reading
- Chapter 3: Community Tools and Resources
- Technical requirements
- 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
- Summary
- Test your knowledge
- Further reading
- Chapter 4: Project Overview and the Component Life Cycle
- Technical requirements
- 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
- Summary
- Test your knowledge
- Further reading
- Section 2: Building and Managing Code Components
- Chapter 5: Code, Test, and Repeat
- Technical requirements
- 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
- Summary
- Testing your knowledge
- Further reading
- Chapter 6: Debugging Code Components
- Technical requirements
- 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
- Summary
- Test your knowledge
- Further reading
- Chapter 7: Authentication Profiles
- Technical requirements
- 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
- Summary
- Test your knowledge
- Further reading
- Chapter 8: Introduction to the Dataverse Project
- Technical requirements
- 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
- Summary
- Test your knowledge
- Further reading
- Chapter 9: Configuring Code Components in Power Apps
- Technical requirements
- 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
- Summary
- Test your knowledge
- Further reading
- Section 3: Enhancing Code Components and Your Development Experience
- Chapter 10: Diving Deep into the Features Provided by PCF
- Technical requirements
- 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
- Summary
- Test your knowledge
- Further reading
- Chapter 11: Creating Advanced Dataset Code Components
- Technical requirements
- 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
- Summary
- Test your knowledge
- Further reading
- Chapter 12: Enriching Your Dev Experience
- Technical requirements
- 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
- Summary
- Test your knowledge
- Further reading
- 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.
