Tag

#pcf

10 posts4 followers

Explore Hashnode

Alternatives

How to Convert a Code App Into a PCF Control

Migrating from Code Apps to PCF: what carries over cleanly, what you rewrite, and the four gotchas. Real manifest + React + webAPI code included.

7 min readsyedbilal365.hashnode.dev

Syed Bilal AhmedJul 1

Xrm.Copilot — calling the assistant from your model-driven form scripts

One line of JavaScript. Rich JSON back — markdown, adaptive cards, media, citations. This is how model-driven forms become agent-aware. Here's the real how-to.

7 min readsyedbilal365.hashnode.dev

Syed Bilal AhmedJun 10

SmartLookup — how I taught a PCF to read your Quick View Forms

Drop on any Dataverse lookup. Hover. The card auto-pulls fields from the related entity's Quick View Form — zero per-PCF configuration

8 min readsyedbilal365.hashnode.dev

Syed Bilal AhmedJun 6

LiquidProgress: A Modern % Visual for Model-Driven Power Apps

The plain percentage field shouldn't be so plain. Here's what I built to replace it — and what it looks like in a real form.

5 min readsyedbilal365.hashnode.dev

Syed Bilal AhmedJun 2

How I Structure a PCF Repo for Clean GitHub Releases

A simple, step-by-step guide to shipping your PCF control as a managed solution zip — from an empty folder to a published release.

4 min readsyedbilal365.hashnode.dev

SapotaCorpMay 24

PCF control with React 18 and TypeScript: our project template

Most PCF tutorials stop at 'hello world.' The gap to a production-ready control - with types, tests, reliable builds, and solution packaging - is surprisingly wide. Here is the template repository we reach for on every new PCF, and the deci

5 min readsapotacorpvn.hashnode.dev

Brandon WozniewiczMay 23, 2025

How to Use React 19 in Power Apps PCF Components

The Power Apps Component Framework – PCF for short – lets you create complex custom components using traditional web development tools like HTML, CSS, and JavaScript. When creating a new PCF project,

7 min readfreecodecamp.org

Ahmad SammourOct 16, 2022

Advanced Text Area

TailwindUI Kit

2 min readviteapps.dev

Ahmad SammourSep 25, 2022

Tailwind CSS for your PCF control

UI libraries components are big? custom css takes more time? Tailwind CSS to the rescue

2 min readviteapps.dev

Ahmad SammourSep 4, 2022

State management simplified with zustand

zustand is a small, fast and scalable state management package that you can use with your react applications, it can be used as your data store within your PCF control. Github link Live Demo here Below are the benefits of using it, Bundle size is 1...

2 min readviteapps.dev

Search Hashnode

Explore Hashnode

Trending tags this week

How to Convert a Code App Into a PCF Control

Xrm.Copilot — calling the assistant from your model-driven form scripts

SmartLookup — how I taught a PCF to read your Quick View Forms

LiquidProgress: A Modern % Visual for Model-Driven Power Apps

How I Structure a PCF Repo for Clean GitHub Releases

PCF control with React 18 and TypeScript: our project template

How to Use React 19 in Power Apps PCF Components

Advanced Text Area

Tailwind CSS for your PCF control

State management simplified with zustand