Microsoft 365 Microsoft Teams SharePoint Add-ins Extensions SharePoint Framework

SharePoint Framework Community Call Recording – 8th of October, 2020

SharePoint Framework Special Interest Group (SIG) bi-weekly community call recording from October 8th 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:

The latest project releases include PnPjs v.2.0.11 and v2.1.0 beta that allows isolated runtimes, CLI for Microsoft 365 v3.1, and PnP Modern Search v3.15.3 – updates to September 2020 release.   Announcing Mark Powney (Valo Intranet) is a new maintainer for CLI for Microsoft 365.  Samples delivered include 3 new and updated SPFx Extensions and 12 new and updated SPFx Web Parts.   Start contributing, participate in Hacktoberfest Fest 2020.  The host of this call is Patrick Rodgers (Microsoft) @mediocrebowler.  Q&A takes place in chat throughout the call.

Thanks for joining us today!



  1. Microsoft Teams Messaging extensions using SPFx:  Getting message data with Microsoft Graph – SharePoint Framework web parts can be exposed as task modules in Microsoft Teams messaging extensions.   Messaging extensions allow users to interact with applications within the context of their conversations – in a channel or group chat.  Access SPFx task modules from Teams Compose Box, Tabs, Personal Apps as well as from Adaptive Cards.   Static and dynamic extension use cases are explained.
  2. Site User and Group Information Web Part – Use this Users and Groups Web part to ascertain relationships between users and groups in SharePoint and in Azure Active Directory for purposes of making informed access control decisions.  User and group information from AAD is retrieved through the Microsoft Graph API and from SP via PnPjs calls to the SharePoint API.   Easily determine if the user is a member of SharePoint site groups.
  3. Building a list editing web part with React – The React List Form web part allows users to add a list form to any page.  Configure the form by pointing to an existing list and the web part generates the list form using fields from the list.  Form fields can be added, ordered, or removed visually in the web part.  Uses SPFx and React and Office UI Fabric libraries.
SPFx extension samples:  ( extensions)

SPFx web part samples:  (

Thank you for your work. Samples are often showcased in Demos – like all three demos this week.

Agenda items:

  • Latest updates on SharePoint Framework – 5:36
  • PnPjs Client Libraries – 6:51
  • Office 365 CLI – 8:28
  • SPFx reusable controls – 9:17
  • PnP Search Solution – 9:48
  • PnP SPFx Samples – Hugo Bernier (Tahoe Ninjas) | @bernierh 10:36 

Demos :

  • Microsoft Teams Messaging extensions using SPFx:  Getting message data with Microsoft Graph | Vardhaman Deshpande (Valo Intranet) | @vrdmn 14:08
  • Site User and Group Information Web Part | Daniel Watford (Watford Consulting Ltd) | @danwatford 28:48
  • Building a list editing web part with React | Ryan Schouten | @ShrPntKnight 42:50


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

Other mentioned topics

The next Meeting is on October 22, 2020

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 recurrent invite from Welcome and join the discussion!

“Sharing is caring”

Microsoft 365 Patterns and Practices team – 9th of October, 2020