PnP Web Cast - Converting existing JS apps to SharePoint Framework

Play PnP Web Cast - Converting existing JS apps to SharePoint Framework
Sign in to queue


In this PnP Web Cast we concentrated on high level steps around converting your existing JavaScript application to SharePoint Framework or to be hosted in SharePoint Framework. Web cast uses existing angular app as the sample to be converted to hosted as a client side web part in SharePoint Framework. Process is pretty similar regardless of the JavaScript framework which you are using. In this case we also only hook in the existing application to SharePoint Framework, without converting it to TypeScript, which would provide additional development time support, but is not a required step, like shown in the demo. 

Notice. When this web cast was released SharePoint Framework were not yet available in Office 365 tenants. This recording was done using internal preview release of SharePoint Framework, so some details might be slightly changed by the time when SP Framework is released for first release tenants (summer 2016). 

Presentation covers following topics:

  • Transformation process for Angular apps
  • Steps to migrate vanilla Angular Web Parts to SPFx Client Side Web Parts
  • How to expose app configuration options using Client Side Web Part editor panel

Web cast demo shows following details

  • Demonstration of the angular app hosted in script editor web part
  • Walk through of hosting angular app in Client Side Web Part
  • How to expose app configuration options in Client Side Web Part editor panel 

Web cast presenters: Waldek MastykarzVesa Juvonen

Presentation used in this web cast is available from

Additional resources

See following resources around the upcoming SharePoint Framework. We'll release more detailed documentation and step-by-step guidance when SharePoint Framework will be released for preview in first release tenants. This will happen during summer 2016.

Thanks for your interest on the PnP initiative.

If you have any feedback or comments related on this web cast, please use the Office 365 Developer Patterns and Practices Yammer group to provider your input. Thx for your interest advance.

Generic Episode Image



Right click to download this episode

The Discussion

Add Your 2 Cents