Criando Interface do Usuário reutilizável com o Power Apps component framework e os componentes de aplicativos de tela

O Power Apps oferece duas opções para criar componentes reutilizáveis:

• Componentes de aplicativos Canvas, que é uma maneira low-code de criar controles reutilizáveis Power Apps Studio.
• Power Apps framework de componentes, que é uma maneira profissional de desenvolver controles reutilizáveis usando HTML, Typescript e CSS.

Os componentes de aplicativos de tela são eficientes e podem ser usados para atender à maioria dos requisitos da interface do usuário do aplicativo. É necessário considerá-los primeiro, porque o custo para criá-los e mantê-los pode ser menor que o Power Apps component framework na maioria dos casos.

A imagem a seguir mostra exemplos de componentes do aplicativo de tela.

Os componentes de aplicativos de tela podem ser combinados em bibliotecas de componentes, que são contêineres que facilitam a reutilização de componentes em muitos aplicativos. As bibliotecas de componentes tornam mais fácil pesquisar e descobrir componentes, publicar alterações e notificar os criadores de aplicativos quando atualizações de componentes estiverem disponíveis.

Para cenários mais avançados, o Power Apps component framework oferece acesso a um rico conjunto de APIs de estrutura que expõe muitos recursos, como gerenciamento do ciclo de vida do componente, dados contextuais e metadados. Para cenários que requerem acesso aos recursos do dispositivo, como câmera e microfone, criar um componente de código usando o Power Apps component framework será a única opção. Componentes de código criados com o Power Apps component framework podem ser usados em aplicativos de tela, aplicativos baseados em modelo e portais do Power Apps.

Para ver o uso real do Power Apps component framework, assista a este vídeo sobre como a Chevron criou uma ferramenta aprimorada digitalmente para o planejamento de poços a fim de ajudar no projeto de um poço com mais de 10.600 metros de profundidade (quase 11 km abaixo da terra): Vídeo: Real World Stories: Global energy companies power digital transformation with Microsoft Power Platform (Histórias do mundo real: empresas globais de energia impulsionam a transformação digital com o Microsoft Power Platform). Esta ferramenta digital usa o Power Apps component framework para aprimorar a experiência do aplicativo.

O componente de código mostra um campo de entrada avançado com uma lista suspensa que contém informações adicionais que ajudam os usuários a entender as fórmulas usadas para obter o valor do campo de entrada.