cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
jmontana82
Level: Power Up

Render / Using react components inside PowerApps Component Framework

Hi!

 

I was trying to include my own React components inside a PowerApps component based on the Angular flip component example without much success.

 

Given the HostControl is already using react and ReactDom to render its contents, any recommendations about how to include our own components as child components of that Root element?

 

I've tried even rendering my own subcomponent using ReactDOM.render against the container's id without much luck either Smiley Happy

 

It would be ideal to use React components to save us from having to create HTMLElements manually... Smiley Tongue

 

There is an issue raised in the docs repo with the same question:

 

https://github.com/MicrosoftDocs/powerapps-docs/issues/382

 

Thanks!

6 REPLIES 6
PowerApps Staff GregHurlmanMSFT
PowerApps Staff

Re: Render / Using react components inside PowerApps Component Framework

React components aren't supported for framework components yet. This is due to the way React components would get added to the host React app, basically as a disconnected DOM tree which could lead to a lot of unforseen issues. We are actively working on a good solution for React support, and hope to have good news in this area soon.

 

Greg

iwaldman
Level: Powered On

Re: Render / Using react components inside PowerApps Component Framework

Any update? Smiley Happy

ToddTrotter
Level: Powered On

Re: Render / Using react components inside PowerApps Component Framework

We are finalizing our guidance/samples and should be able to share very soon.   Please stay tuned.  

iwaldman
Level: Powered On

Re: Render / Using react components inside PowerApps Component Framework

Any update or ETA?

Highlighted
PowerApps Staff GregHurlmanMSFT
PowerApps Staff

Re: Render / Using react components inside PowerApps Component Framework

Sorry for the delay; we should have our React guidance available soon. I will update this thread when it is available.

vigneshR
Level: Powered On

Re: Render / Using react components inside PowerApps Component Framework

Hi jmontana,

 

React components are officially supported right now you can refer below link on how to use them in PCF.

http://blog.dynamicscode.net/2019/06/26/react-extended-boundary-of-powerapps-component-framework/

Example 

https://docs.microsoft.com/en-us/powerapps/developer/component-framework/sample-controls/react-facep...

Please Feel free to mark the answer as verified if it is useful

Regards,

Vignesh.R

 

Helpful resources

Announcements
firstImage

Watch Sessions On Demand!

Continue your learning in our online communities.

SecondImage

PowerApps Monthly Community Call

Tomorrow, September 18th at 8am PDT

Power Platform 2019 release wave 2 plan

Power Platform 2019 release wave 2 plan

Features releasing from October 2019 through March 2020

FirstImage

Power Platform World Tour

Coming to a city near you

thirdimage

PowerApps Community User Group Member Badge

Fill out a quick form to claim your user group badge now!

FourthImage

Join PowerApps User Group!!

Connect, share, and learn with your peers year-round

SecondImage

Power Platform Summit North America

Register by September 5 to save $200

Users Online
Currently online: 102 members 4,038 guests
Please welcome our newest community members: