React VS Power Apps: Battle Royale - Which Framework Reigns Supreme?

I partnered with Microsoft Canada on this video to do something a little different. I’ve been wanting to build the same app in both React and Power Apps - and I’ve finally done it!
Watch to find out how it went!
Join me on the Microsoft Canada Developer Digital Meetup Tour where I’ll talk more about React compared to Power Apps 👉aka.ms/scottpp
Huge thank you to Microsoft Canada for sponsoring and collaborating on this video!
#powerplatform #powerapps #sponsored

[@adedaporh]

I appreciate your enthusiasm for bringing low code and pro code together to show how both can be used. But I wish you could have also highlighted any difference in performance.

[@ScottDurow]

Hi! Thank you for watching! Great point! Performance is certainly an important topic - writing anything with an abstraction layer like Power Apps will certainly always come as a trade-off. Sometimes, performance is super important, and sometimes the low code benefits are more a focus. I love that you can combine React together with Power Apps!

[@AmazingApplications]

Thanks, Scott. That was fun. Played it on double speed with captions and tried to read along with you. Love the A-Team sequence around 15:00 where BA and Murdoch build an app from 2x4 lumber and a cracked water pipe.

[@ScottDurow]

Thank you Neil - and thanks for watching 😊I love it when a plan comes together!

[@Kylbigel]

This is amazing! Power Apps caused me to start learning TypeScript because of FluentUI. Graph is also my favorite. What I think really makes using Power Apps so much fun are the docs and the community. Thanks Scott!

[@ScottDurow]

Thank you for watching and those kind words! Glad you're enjoying it and have been inspired to learn TypeScript! Our unique community definitely makes Power Apps a lot more fun to work with. ☺️

13:09 Who is paying attention? Since it is a sponsored video we all know the winner in 🍁. But what I don't know if the (low-)coding the app or editing this video took longer? I truly, deeply amazed with your sense of humor and your teaching skills Scott. 🙏

[@ScottDurow]

Hehe 🤡 thank you for those kind words and watching! ☺️

[@ventureoutdoors648]

I've over 2 decades too, Scott! ..this is a very topical comparison right now - thank you! Epic content! I would tend to agree, PA fits our staff resource model. The old 'it depends' contractor statement made me chuckle.

[@ScottDurow]

Hi! Thank you and thanks for watching! If you know you know ☺️

[@zoofboof9180]

Awesome video Scott! I liked how you highlighted the "3-hours" later and the many errors when connecting to an API when using vscode and React. 😅

[@ScottDurow]

Hi! Thank you - and thank you for watching and subscribing! 😊You got to love a bit of spongebob when it comes to figuring out what you've coded wrong!

[@loozer72]

Answering the question "What if The LEGO Movie" was about coding and was delivered via espresso-filled firehose? 😅

[@ScottDurow]

Hehe - thank you so much, and thanks for watching! "Everything is awesome" 😊

[@joaomacaumaia3834]

powerapps is amazing for some one that only understand excel formulas :D

[@dougydoe]

This was really really cool. I enjoyed watching it because my background is Web front end but have been doing a lot more of PowerApps in past few years so a bit rusty with JS and TS. Probably time to sharpen up and be ready to extend low code with pro code. To be honest, I'm loving low code as you can do so much with less coding.....😀 Thanks for sharing

[@ScottDurow]

Glad you enjoyed it and it’s awesome you are loving low-code! Thank you for watching ☺️🚀

[@maclarkson]

Hi Scott, that was such a valuable video that I was wondering if you could do something similar between power apps portals and react. The charity I work for, would like to create a kids mental health self-help app, that works on both mobile and browser and uses dynamics as the account source. I don't know whether to advise to build this thing in react or power apps portals.

[@bjornz569]

"arrh my eyes, no dark mode" - Scott Durow 2023! Best Quote 🤌 Awesome video as always! Thanks a lot!

[@ScottDurow]

hehe - thank you 😊my kids even refuse to use anything that doesn't have dark mode!

[@wouterkessener2811]

Normally I watch your video*s a couple of times to fully grasp all the content and rebuild some of the things you show us. Not going to happen this time, not even going to try to understand or rebuild this stuff...But I'm surely going to watch this again (and again) when I in a bad mood and in need of some goods laughs.. man oh man, LOL, thanks Scott. Any plans on coming to a Europe event this year ? (Oh ..and yes it's awesome that ReAct and PA can work in conjunction, "no cliffs")

[@ScottDurow]

Hehe, glad to hear my video was able to put a smile on your face! 😊Thank you for watching and all the support you give to my channel! 🤩 As for coming to an event in Europe this year, I haven't got firm plans yet - but I’ll keep you posted! Did you have anything in mind?

[@vicsijts7793]

Hi Scott, Did you consider performance? That could possibly a huge difference

[@ScottDurow]

Hi! Thank you for watching and subscribing! 😊I totally agree! Performance is a crucial consideration for sure - the hard part is knowing when it is going to be an issue so that you don't prematurely optimise!

[@georgekontus6730]

This makes me appreciate PCF Builder 😅

[@jcirujales]

Hi Scott, would you be able to point me in a direction for ReactJS (Dynamics backend) vs Power Pages? I imagine Power Page may be more costly, offer low code, but I'm looking for other resources to weigh out pro's and cons, thanks!

[@richardclowes6166]

The average citizen developer couldn't likely do any of what you did with React except with serious training and hours of you tube (I know because I'm a good example), whereas I think the average cit dev could do your Power Apps version (maybe not with all the components and the like). I am curious how long each method took you as Charles mentioned already.

[@ScottDurow]

Hi - thanks for watching! 😊I totally agree - that's what I love about Power Apps (even for developers who are experienced at React) - it will often be much quicker to create a solution, and where needed, combine both React and Power Apps together using PCF components.

[@josephcooney6690]

Coming back to this now that I am working on a control, I can really appreciate the "crying in the corner comment." 😂

[@paolovr1970]

Thanks, I think low code win when the solution need to be fast to developing and to deploy at reasonable cost. React you need a specialist on framework and test debug deploy....cost is more high. If we talking of a selling solution software for distribution react win.

[@ScottDurow]

Thank you for watching and sharing that perspective - very wise words 🤩

[@Grigorii-j7z]

Until PowerApps come to on-prem (e.g. never) I stuck with React which is actually is not that bad. Personally I don't like low code solutions they usually very restrictive in small things.

[@ScottDurow]

Hi! Thanks for watching ☺️ Power Apps certainly isn’t the answer for everything! And I just ❤️ React - when you bring them together, lots of cool things can happen!

[@charlessexton1483]

How much time did you spend working on each one?

[@ScottDurow]

Hi - thanks for watching! 😊Milage will vary!! For me Power Apps is was quicker than React, with the exception of some aspects like consistent styling/responsive layouts. That's why I love that you can combine both React and Power Apps together where it makes sense.

[@charlessexton1483]

@@ScottDurow Thanks Scott. It's definitely about weighing up the options. Both web dev and low code have their place.

[@rexkenley]

Doesn't powerapps use React for the UI?

[@ScottDurow]

Yes it does plus Knockout for the data binding.

[@mrMultipassport]

Let me guess, PA wins?

[@ScottDurow]

Hehe - you’ll have to watch to find out 😁

[@powerplatformvietnam]

Hello Scott, I very hope you can show how to edit text or add in Item drag and drop. i really need help with this, sorry for cmt on this video, but i just want your attention, i will delete once i get help, tks you

[@ScottDurow]

Hi! You will need to add an action to show an edit panel for the item rather than provide an in-line edit experience. My next video on the drag and drop series will show how to do this so stay posted!

[@rubenbernardes496]

Could it be an even more biased project?

[@ScottDurow]

Hehe - well yes I admit I’m a fan of low code - but I love combining both low-code and pro-code!