cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
Super User
Super User

PCF LEARNING RESOURCES: Where to start?

Hello,

Lets use this thread to share ideas on how to get started with PCF for the uninitiated.

So, I'm techie, but have never delved into a specific programming language. I mostly just learn enough to be dangerous/complete the task at hand then move on. Power Apps and Power Automate (Flow) have been the exception to this behaviour. These tools roped me in ~2 years ago and I've been all-in since.

Now I stand at the door of "real" programming. I stand here staring down the PowerApps Component Framework (PCF) like a cowboy in the corral... hand quavering just above my keyboard...ready to "DRAW!" Bang! Bang! Bang!

Except... I don't know where to start!

From my research, PCF components can be based on React or Typescript which are javascript frameworks. I researched these, but couldn't really find footing because the concepts and language were foreign to me. So lets begin at the beginning... javascript itself.

Here's where I started this morning:

- LinkedIn Learning has a JavaScript Essential Training class 

  - After sitting through the first 5-6 videos... this is the one for me

 

Will report back as things move ahead!

 

Lookout PCF... here we come!
@tianaranjo 

2 REPLIES 2
Highlighted
MVP

Re: PCF LEARNING RESOURCES: Where to start?

Hello,

Once you are more familiar with TypeScript you can check videos I work on - https://www.youtube.com/playlist?list=PL0WiRFWRFGlQr5tGZdUGUlyTl7Gi1Wb_K

Highlighted

Re: PCF LEARNING RESOURCES: Where to start?

This is how I got started:
1. Read the high-level overview, especially the lifecycle methods. Most of the time, you are dealing with init and updateView https://docs.microsoft.com/en-us/powerapps/developer/component-framework/custom-controls-overview
2. Brush up on basic npm commands e.g. how to add a package using npm install, how to use npm run
3. ES2015 overview, especially how modules work https://www.typescriptlang.org/docs/handbook/modules.html
4. Build sample components and debug them when they are running in harness. Start with simple increment component https://docs.microsoft.com/en-us/powerapps/developer/component-framework/sample-controls/increment-c...
5. Look into other people's code in pcf.gallery

Venturing into react very early will overwhelm beginners as there is lot of distractions along the way. Keep it simple for now till you have a solid understanding of how things are hooked up. The key thing is to use the Dev Tools to understand what is happening under to hood. This is now much easier with the harness, as you don't need to deploy the component to play with it.

Helpful resources

Announcements
secondImage

New Return to Workplace

Reopen responsibly, monitor intelligently, and protect continuously with solutions for a safer work environment.

August 2020 CYST Challenge

Check out the winners of the recent 'Can You Solve These?' community challenge!

Experience what’s next for Power Apps

Join us for an in-depth look at the new Power Apps features and capabilities at the free Microsoft Business Applications Launch Event.

Check this Out

Helpful information

Featuring samples like Return to the Workplace and Emergency Response Applications

secondImage

Power Platform 2020 release wave 2 plan

Features releasing from October 2020 through March 2021

Users online (4,858)