SharePoint PnP Webcast – Migrating to SharePoint Framework Extensions

In this PnP Webcast, we concentrated on having a closer look at the steps around transforming or migrating your existing JavaScript-based implementations in the SharePoint Online to be implemented as SharePoint Framework Extensions. There are multiple advantages of doing this transformation like that you will have centralized control on how and where your customizations are used in your SharePoint Online tenant with the capabilities of SharePoint Framework. SharePoint Framework extensions also work with "modern" sites, like with modern team sites and with communications sites. They enable you to extend the end user experience by adding, for example, additional widgets or functionalities on to the pages cross your Site Collection.

SharePoint Framework Extensions enable you to implement similar capabilities as with User Custom Actions or with JSLink property but in more structural and reliable way. Especially User Custom Actions based capabilities (JavaScript Embedding) have been dependent on the code taking a dependency on the dom structure of the HTML page. This might work for a while, but when the user interfaces of SharePoint Online will evolve, your JavaScript dependent on the dom structure of the page will break. This is where SharePoint Framework will help you for example with well-known page placeholders which provide you a capability to take a dependency on the page structure in the more reliable way. 

Presentation covers following discussion points:

  • Available SharePoint Framework Extensions
  • SharePoint Framework ExtensionExecution Logic

Webcast demo shows following things:

  • Walkthrough of example scenarios which are also available as step-by-step tutorials - see additional resources section below for links
  • Example scenario for UserCustomAction migration
  • Example scenario for JSLink migration
  • Example scenario for ECB menu migration

Webcast presenters: Paolo PialorsiVesa Juvonen

The presentation used in this webcast is available from new PnP SlideShare locations at https://www.slideshare.net/SharePointPnP.

Video on YouTube.

Additional resources

See following resources on the covered topics.

What is SharePoint / Office Dev Patterns & Practices (PnP) webcast series?

SharePoint / Office Dev Patterns and Practices

SharePoint / Office Dev Patterns & Practices (PnP) webcast series covers different patterns, practices and topics around development with Office 365 and SharePoint. The majority of the topics are valid for the Office 365 and SharePoint on-premises. Our objective is to release a new webcast weekly or bi-weekly with few slides and a live demo of the covered topic. All webcasts are published at the PnP YouTube channel with additional references to the existing materials.

PnP is a community-driven open source project where Microsoft and external community members are sharing their learning's around implementation practices for Office 365 and SharePoint on-premises (add-in model). Active development and contributions happen in our GitHub repositories under dev branch and each month there will be a master merge (monthly release) with more comprehensive testing and communications. Latest activities and future plans are covered in our monthly community calls which are open to anyone from the community. Download invite from http://aka.ms/SPPnP-Call

This is work done by the community for the community without any actual full-time people. It’s been great to find both internal and external people who are willing to assist and share their learning's for the benefit of others. This way we can build on the common knowledge of us all. Currently, the program is facilitated by Microsoft, but already at this point, we have multiple community members as part of the Core team and we are looking to extend the Core team with more community members.

If you have any questions, comments or feedback around PnP program or this blog post, please use the Microsoft Tech Community (SharePoint Developer group).

“Sharing is caring”


Vesa Juvonen, Senior Program Manager, SharePoint, Microsoft - 4th of December 2017