Back to Browse

Team Workload + Reports in a Power Apps Code App React + TypeScript β€” Part 4

10 views
Jun 5, 2026
1:07:03

Part 4 of my 5-part series on building Power Apps Code Apps with React, Vite, and TypeScript! πŸ“Š In this video I expand the app with the pages that turn raw data into insight β€” a History page, a live Team Workload view, and a Reports page. ⏱️ What we cover β€’ Building the History page β€” past jobs, status & audit trail β€’ Creating the Team Workload page β€” per-technician job tracking with live status β€’ KPI cards: technicians, active jobs, running, paused, pending β€’ Building the Reports page β€” metrics & insights β€’ Reusing components across the new pages to stay consistent β€’ Hooking the pages up to Dataverse data By the end the app has a full set of operational pages your team can actually use day-to-day. πŸ”§ Stack β€’ React + Vite + TypeScript β€’ Power Platform CLI (pac) + Power Apps SDK β€’ Dataverse πŸ“Ί The series Part 1 – Project Setup βœ… https://youtu.be/QoXPPclIDM0 Part 2 – App Shell & Components βœ… https://youtu.be/36oA2FLbXDs Part 3 – Core Pages, Build & Deploy βœ… https://youtu.be/3o1WxrqOsXI Part 4 – History, Workload & Reports (this video) Part 5 – coming soon πŸ‘ Like & subscribe to follow the build! 🌐 d365phoebe.com #PowerApps #CodeApps #PowerPlatform #React #TypeScript #Vite #Dataverse #LowCode #ProCode #Reporting #Microsoft365 #PowerAppsDevelopment #WebDevelopment #PowerAppsDeveloper #DataViz

Download

1 formats

Video Formats

360pmp466.8 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Team Workload + Reports in a Power Apps Code App React + TypeScript β€” Part 4 | NatokHD