React Components in Power Apps Code Apps
Learn how React components work in Power Apps Code Apps, including props, state, events, reusable UI patterns, data binding, accessibility, and project structure.
Open guideImplementation resources
Guides organized by the tools they use — PAC CLI, Microsoft Graph, APIs, connectors, and admin centers — for Microsoft 365 and Power Platform work. These are educational guides, not interactive utilities.
These are educational guides grouped by tooling — not interactive utilities. Genuinely interactive tools (calculators, checklists, helpers) will be listed here only when they solve a real task.
These items are existing published guides grouped for discovery, not standalone interactive tools.
Learn how React components work in Power Apps Code Apps, including props, state, events, reusable UI patterns, data binding, accessibility, and project structure.
Open guideBuild production SPFx solutions with React architecture: components, hooks, services, PnPjs, Graph, Fluent UI, error handling, performance, and testing.
Open guideUse Microsoft Graph with SPFx securely: delegated authentication, least-privilege permissions, users, groups, Teams, files, paging, throttling, and production readiness.
Open guideMicrosoft has shared the August 2026 SPFx roadmap update. Here is what SPFx 1.24 Beta 3, Copilot Components, React 18 support, and the October 2026 GA target mean for SharePoint teams.
Open guideA beginner-friendly Microsoft Graph API guide explaining what Graph is, how requests work, permissions, tokens, endpoints, common use cases, and safe API design.
Open guideA practical first-app walkthrough for Power Apps Code: create the Vite React starter, authenticate PAC CLI, initialize the code app, run it locally, build it, and publish it to Power Apps.
Open guideA hands-on guide to connecting a Power Apps Code app to Microsoft Dataverse with the PAC CLI: prerequisites, authenticating your environment, adding a Dataverse table as a data source, the auto-generated service and model files, and full create, read, update, and delete examples.
Open guideA folder-by-folder, file-by-file tour of a Power Apps Code (React + Vite + TypeScript) project scaffolded by the PAC CLI. What .power, node_modules, public, src and generated are for, what App.tsx, main.tsx, package.json and power.config.json do, and which files to leave alone.
Open guideSet up your environment for Power Apps Code apps step by step: install the developer tools (VS Code, git, .NET, Node.js and the Power Platform CLI), enable code apps on your Power Platform environment, understand what PAC CLI does, compare installation options and OS support, verify your install, connect to an environment, and manage authentication profiles.
Open guideAssess legacy Script Editor and custom JavaScript, choose between native SharePoint, JSON formatting, Power Platform, or SPFx — and modernize without porting debt.
Open guideLearn how to connect Power Apps Code apps to Azure SQL Database with PAC CLI, secure authentication, queries, stored procedures, and scalable enterprise data patterns.
Open guideLearn SPFx development end to end: project setup, React web parts, PnPjs, Microsoft Graph, REST, extensions, security, App Catalog deployment, and troubleshooting.
Open guideLearning notes for Microsoft 365 apps, services, and admin topics.
A beginner-friendly Microsoft Graph API guide explaining what Graph is, how requests work, permissions, tokens, endpoints, common use cases, and safe API design.
Open guideLearn how Unily integrates with Microsoft 365, SharePoint, Teams, Viva, Entra ID and Microsoft Graph to connect intranet content, identity, collaboration and governance.
Open guideBuilding AI agents with Microsoft Copilot Studio — the 365-day series, licensing, setup, and real-world scenarios.
Day 4 explains how Copilot Studio works: users ask questions, the agent understands intent, retrieves knowledge, chooses a topic or tool, takes action, and responds intelligently.
Open guideExtend any Copilot Studio agent to more channels with Azure Bot Service using a relay bot, conversation mapping, channel routing, multi-channel experiences, testing, security, and production rollout.
Open guideConnect any custom web or mobile app to Copilot Studio with the Direct Line channel using token-based authentication, conversation management, context passing, custom chat UX, business actions, testing, and production rollout.
Open guideLearn how to publish a Copilot Studio agent to custom web and mobile apps with connection details, chat UX design, authentication, data protection, actions, context, performance, testing, monitoring, and production readiness.
Open guideDay 11 of the 365 Days of Microsoft Copilot Studio series explains knowledge sources: what they are, the supported sources, how knowledge works, choosing the right source, best practices, common mistakes, a real-world HR example, and key takeaways.
Open guideBuilding apps on the Power Platform — low-code canvas and pro-code Power Apps Code.
Learn how React components work in Power Apps Code Apps, including props, state, events, reusable UI patterns, data binding, accessibility, and project structure.
Open guideA practical first-app walkthrough for Power Apps Code: create the Vite React starter, authenticate PAC CLI, initialize the code app, run it locally, build it, and publish it to Power Apps.
Open guideA hands-on guide to connecting a Power Apps Code app to Microsoft Dataverse with the PAC CLI: prerequisites, authenticating your environment, adding a Dataverse table as a data source, the auto-generated service and model files, and full create, read, update, and delete examples.
Open guideA folder-by-folder, file-by-file tour of a Power Apps Code (React + Vite + TypeScript) project scaffolded by the PAC CLI. What .power, node_modules, public, src and generated are for, what App.tsx, main.tsx, package.json and power.config.json do, and which files to leave alone.
Open guideSet up your environment for Power Apps Code apps step by step: install the developer tools (VS Code, git, .NET, Node.js and the Power Platform CLI), enable code apps on your Power Platform environment, understand what PAC CLI does, compare installation options and OS support, verify your install, connect to an environment, and manage authentication profiles.
Open guideLearn how to connect Power Apps Code apps to Azure SQL Database with PAC CLI, secure authentication, queries, stored procedures, and scalable enterprise data patterns.
Open guideA complete developer guide to connecting Power Apps Code apps to any data source: Dataverse, Azure SQL, SharePoint, Copilot Studio agents, table metadata and REST APIs. See how to add each data source with PAC CLI, what each supports, how to choose the right one, and Microsoft best practices.
Open guideMeet Power Apps Code — Microsoft’s pro-code approach to building Power Platform apps with React, TypeScript, and modern tools. What it is, how it compares to canvas Power Apps, why it says goodbye to delegation warnings, the technologies and skills to learn, when to use it, and why it is not replacing canvas apps.
Open guideSharePoint Online document management, libraries, permissions, metadata, sites, and collaboration patterns.
Build production SPFx solutions with React architecture: components, hooks, services, PnPjs, Graph, Fluent UI, error handling, performance, and testing.
Open guideUse Microsoft Graph with SPFx securely: delegated authentication, least-privilege permissions, users, groups, Teams, files, paging, throttling, and production readiness.
Open guideMicrosoft has shared the August 2026 SPFx roadmap update. Here is what SPFx 1.24 Beta 3, Copilot Components, React 18 support, and the October 2026 GA target mean for SharePoint teams.
Open guideLearn SPFx development end to end: project setup, React web parts, PnPjs, Microsoft Graph, REST, extensions, security, App Catalog deployment, and troubleshooting.
Open guideDiagnose SPFx failures layer by layer: Node.js, build, deployment, web parts, PnPjs, REST, Graph permissions, CORS, and production-only errors — with fixes.
Open guideLearn how SharePoint Copilot Apps combine SPFx, React, SharePoint data, declarative agents, and Microsoft 365 Copilot to create interactive work experiences.
Open guideUse PnPjs in SPFx with current patterns for lists, CRUD, filtering, paging, batching, files, users, groups, and search — behind a service layer.
Open guideMicrosoft is changing classic publishing sites, classic user-created pages, and custom scripting in SharePoint Online. Here is what admins, developers, architects, and intranet owners should do before March 1, 2027 and October 1, 2028.
Open guidePower Platform articles across Power Apps, Power Automate, Copilot Studio, governance, connectors, and low-code solution design.
Learn how React components work in Power Apps Code Apps, including props, state, events, reusable UI patterns, data binding, accessibility, and project structure.
Open guideA practical first-app walkthrough for Power Apps Code: create the Vite React starter, authenticate PAC CLI, initialize the code app, run it locally, build it, and publish it to Power Apps.
Open guideA hands-on guide to connecting a Power Apps Code app to Microsoft Dataverse with the PAC CLI: prerequisites, authenticating your environment, adding a Dataverse table as a data source, the auto-generated service and model files, and full create, read, update, and delete examples.
Open guideA folder-by-folder, file-by-file tour of a Power Apps Code (React + Vite + TypeScript) project scaffolded by the PAC CLI. What .power, node_modules, public, src and generated are for, what App.tsx, main.tsx, package.json and power.config.json do, and which files to leave alone.
Open guideSet up your environment for Power Apps Code apps step by step: install the developer tools (VS Code, git, .NET, Node.js and the Power Platform CLI), enable code apps on your Power Platform environment, understand what PAC CLI does, compare installation options and OS support, verify your install, connect to an environment, and manage authentication profiles.
Open guideAssess legacy Script Editor and custom JavaScript, choose between native SharePoint, JSON formatting, Power Platform, or SPFx — and modernize without porting debt.
Open guideLearn how to connect Power Apps Code apps to Azure SQL Database with PAC CLI, secure authentication, queries, stored procedures, and scalable enterprise data patterns.
Open guideLearn SPFx development end to end: project setup, React web parts, PnPjs, Microsoft Graph, REST, extensions, security, App Catalog deployment, and troubleshooting.
Open guideMicrosoft 365 migration planning, SharePoint migration strategy, governance, readiness, and post-migration adoption notes.
Assess legacy Script Editor and custom JavaScript, choose between native SharePoint, JSON formatting, Power Platform, or SPFx — and modernize without porting debt.
Open guide