skills.rest
korchard333
korchard333COMMUNITY
Explore all skills by this author →
GitHub

code-apps

Scaffold Power Apps Code Apps with React, TypeScript, and PAC CLI.

46|6|Updated Mar 31, 2026
Search Tags:#typescript#react#zustand#dataverse#code-apps#pac-cli#power-apps
One-click install
npx skills add https://github.com/korchard333/claude-power-platform-community --skill code-apps
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: code-apps
Source: https://github.com/korchard333/claude-power-platform-community/tree/main/.claude/skills/code-apps
Command: npx skills add https://github.com/korchard333/claude-power-platform-community --skill code-apps

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Building Power Apps Code Apps requires a coherent, scalable architecture and a predictable toolchain. This Skill provides a ready-to-use three-layer pattern (presentation, logic, data) plus standardized tooling (PAC CLI, Zustand, TanStack Query) and integration options for Dataverse, enabling teams to ship reliable Code Apps faster.

Core Features & Use Cases

  • Three-Layer Architecture: clear separation between presentation, business logic, and data access with zero dependencies on generated services in UI components.
  • Tooling & State Management: PAC CLI workflows, typed services, Zustand client state, and TanStack Query for server state.
  • Patterns & References: routing basename normalization, authentication model, architecture references, and Fluent UI integration options for enterprise apps.

Quick Start

Clone the starter template, install dependencies, initialize the Code App with PAC CLI, and wire a Dataverse data source to begin.

Frequently Asked Questions about code-apps

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure a Power Apps Code App with React and TypeScript?▼

Power Apps Code Apps use a three-layer architecture that separates presentation, business logic, and data access. This pattern keeps React UI components free from direct service imports by routing data through typed services generated by PAC CLI and hooks.

How do I manage state in a React Power App using Zustand and TanStack Query?▼

Manage state in a React Power App by using Zustand for client state and TanStack Query for server state. This combination pairs with typed Dataverse data services to ensure predictable state management across your application components.

What is the best way to generate typed data services for Dataverse in Code Apps?▼

The best way to generate typed data services for Dataverse is using the PAC CLI. Scaffolding with PAC CLI creates typed services that integrate directly into your logic layer, ensuring presentation components remain free from direct service imports.

Does the Power Apps Code Apps architecture support Fluent UI integration?▼

Yes, the Power Apps Code Apps architecture supports Fluent UI integration options for enterprise apps. This is included alongside routing basename normalization and an authentication model to provide a standardized provider stack.

Can I use PAC CLI to scaffold and maintain Power Apps Code Apps?▼

Yes, you can use PAC CLI to scaffold and maintain Power Apps Code Apps. PAC CLI workflows handle initialization and generate typed data services, which are then structured into a standardized three-layer architecture with Zustand and TanStack Query.

Related Skills

Explore More Software Engineering Skills→
microsoftmicrosoft
483

add-dataverse

Create Dataverse tables and generate TypeScript models and services for Power Apps.

Official
Advanced
alexander-danilenkoalexander-danilenko
14

react-expert

Implement production-grade React 18+ and 19 components with TypeScript strict mode.

Community
Advanced
falconntfalconnt
3

using-fluent-ui

Implement Fluent UI v2 components in React and Blazor applications.

Community
Intermediate
imehrimehr

state-management

Structure React state management across server and client boundaries with modular patterns.

Community
Intermediate