SharePoint Framework Community Call – 9th of September, 2021

Published Sep 10 2021 01:27 AM 2,205 Views



SharePoint Framework Special Interest Group (SIG) bi-weekly community call recording from September 9th is now available from the Microsoft 365 Community YouTube channel at You can use SharePoint Framework for building solutions for Microsoft Teams and for SharePoint Online.



Call summary:


A reminder to tune in each Tuesday for the new Microsoft 365 platform community call.  Don’t forget to sign up and attend training events hosted by Sharing is Caring.   Let’s celebrate your work, register for the PnP Recognition Program.   SharePoint Framework 1.13 public developer preview - new version of SPFx v1.13 - Beta.20, is out now!   Also released as you read this - PnPjs Client-Side Libraries v2.9.0.  


Latest project updates include:  (Bold indicates update from previous report 2 weeks ago) 


PnP Project Current version Release/Status
SharePoint Framework (SPFx) v1.12.1 GA, v1.13 Beta Viva.20  
PnPjs Client-Side Libraries v2.9.0

v3.0.0 developments underway

CLI for Microsoft 365 v3.13.0 Preview, v4.0.0 Preview 

v4.0.0 GA to release end September

Reusable SPFx React Controls

v2.9.0 (SPFx v1.11), v3.3.0 (SPFx v1.12.1)

Reusable SPFx React Property Controls v2.7.0 (SPFx v1.11), v3.2.0 (SPFx v1.12.1)  
PnP SPFx Generator v1.16.0 v1.17.0 on the way
PnP Modern Search v4.3.0 & v3.21.0 Release expected week of Sept 13th


Two PnP SPFx samples were delivered in the last 2 weeks as well.  There is a new samples repository for Adaptive Card Extensions (ACE) -  Thank you all for your contributions!   The host of this call is Patrick Rodgers (Microsoft) | @mediocrebowler.  Q&A takes place as always in chat throughout the call.


Thank you everybody for being part of this call, the community, a tweet, a blog post, and the solution to your customer's needs.  





  • Hyperscript Tagged Markup (HTM) Templating – approaches to web part UI development – use a UI framework or use a templating system.  Option C:  React HTM Templating web part - uses Fluent UI components written in React, no wrapper required.  Renders the React control as a template.  Essentially JS code evaluated through the Function constructor.  Review properties, HTML editing, and code in the demo of this PnP sample. 

  • Modernize your SharePoint Framework projects – see steps to take an existing SPFx project using TSLint and move it over to ESLint and dump IE11 at same time.  Install and configure ESLint, and update gulp tasks - effectively telling TypeScript complier to use modern js target and update referenced libraries.   Then appreciate Andrew’s ESLint preset for SPFx that automates the update!  Bonus - updating yields smaller and faster bundles.

  • Building advanced image gallery experience with SharePoint Framework – this Lightbox Image Gallery web part, connects to SharePoint document/picture library, handles folders/sub-folders, has breadcrumb navigation, and lightbox-style image browsing.  Works with Viva desktop in Microsoft Teams as well.   Developed using SharePoint Framework (SPFx) and PnPjs.  Code structure is reviewed.  From property pane, select document or image library to connect.  Demonstrates how with little code and using PnP components, one can deliver an elegant result! 


SPFx extension samples:  (


SPFx web part samples:  (


Thank you for your great work.  Samples are often showcased in Demos.    


Agenda items:



  • Demo:  Hyperscript Tagged Markup (HTM) Templating – Fabio Franzini | @franzinifabio – 13:15

  • Demo:  Modernize your SharePoint Framework projects – Andrew Connell (Voitanos) | @andrewconnell – 26:38

  • Demo:  Building advanced image gallery experience with SharePoint Framework – Yannick Reekmans (Qubix) | @YannickReekmans – 41:26



Additional resources around the covered topics and links from the slides.


General Resources:


Other mentioned topics:


Upcoming calls | Recurrent invites:  (Subject to Updates in September)



PnP SharePoint Framework Special Interest Group bi-weekly calls are targeted at anyone who is interested in the JavaScript-based development towards Microsoft Teams, SharePoint Online, and also on-premises. SIG calls are used for the following objectives.

  • SharePoint Framework engineering update from Microsoft
  • Talk about PnP JavaScript Core libraries
  • Office 365 CLI Updates
  • SPFx reusable controls
  • PnP SPFx Yeoman generator
  • Share code samples and best practices
  • Possible engineering asks for the field - input, feedback, and suggestions
  • Cover any open questions on the client-side development
  • Demonstrate SharePoint Framework in practice in Microsoft Teams or SharePoint context
  • You can download a recurrent invite from Welcome and join the discussion!

“Sharing is caring”

Microsoft 365 PnP team, Microsoft - 10th of September 2021

Version history
Last update:
‎Sep 10 2021 01:27 AM
Updated by: