Microsoft 365 Microsoft Teams SharePoint Extensions SharePoint Framework

SharePoint Framework Community Call Recording – 27th of August, 2020

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

Call summary:

Since last client-side call, released PnP CLI for Microsoft 365 beta v3 (note new name/package/executable for PnP Office 365 CLI), React Controls beta v2 and React Property Controls beta v2.  PnPjs v2.0.9 release is planned for September 4th.   Released 8 web part samples.   Added new dates for First Time Contributor, Community Docs and new: “Using PnP SPFx Samples w/NVM” sessions on Sharing is Caring site.   September 1st is PnP Virtual Conference with over 60 sessions and 1500 registrants.   Articles on Publishing SharePoint Framework solutions to store and on Building for Microsoft Teams using SharePoint Framework.  The host of this call was Patrick Rodgers (Microsoft) @mediocrebowler.  Q&A takes place in chat throughout the call.

Today’s PnP Community call attendees photo:

In these socially distant times, remember you have friends with common interests.



  1. Building an accessible Accordion web part – a web part for building/adding a collapsible accordion style FAQ to a SharePoint page or Teams tab.   Create and easily add/delete items for FAQ in list view.   Functionally – the code invokes a get list items method to grab items from the targeted list, populates the accordion and renders the formatted result.   Each accordion item has a header and panel.
  2. Building company Phone Directory solution with SPFx and Microsoft Graph – a SPFx tabbed web part that uses React, Microsoft Graph and fluent UI controls to find and render user details in an internal telephone directory.   Users can find people by first name, last name or by e-mail address.   Users are found in AD via Microsoft Graph API.   Fluent UI is used to display users.
  3. Enhanced Power Apps Web Part – Cool Power Apps integration scenarios with SharePoint – As an alternative to the out-of-box Power Apps Web part in SharePoint, take a look at this enhanced – more configurable web part.  Configure screen sizing – multiple aspect ratios or fixed height and theming – Pass SharePoint theme color values into Power Apps.  Also, pass dynamic data from page elements to Power Apps– such as a selected item on a connected list, or an environment variable such as the user’s locale.
SPFx extension samples:
  • no new extensions in last two weeks

SPFx web part samples:

Thank you for your work. Samples are often showcased in Demos – like the Smart Profile Photo Editor this week.

Agenda items:

  • Latest updates on SharePoint Framework – 6:45
  • PnPjs Client Libraries – 8:49
  • Office 365 CLI | Garry Trinder (CPS Solutions) | @garrytrinder – 10:06
  • SPFx reusable controls – 12:26
  • SPFx Generator – 13:21
  • PnP Search Solution – 14:13
  • PnP SPFx Samples | Hugo Bernier (Tahoe Ninjas) | @bernierh 14:53

Demos :

  • Building an accessible Accordion web part – Erik Benke (Mentor Graphics) | @erikjbenke – 18:15
  • Building company Phone Directory solution with SPFx and Microsoft Graph – Dipen Shah (Stridely Solutions) | @Dips_365 – 29:23
  • Enhanced Power Apps Web Part – Cool Power Apps integration scenarios with SharePoint – April Dunnam (Microsoft) | @aprildunnam & Hugo Bernier (Tahoe Ninjas) @bernierh – 36:09


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

Other mentioned topics

Next Meeting is on September 10, 2020

PnP SharePoint Framework Special Interest Group bi-weekly calls are targeted for anyone who is interested in the JavaScript-based development towards Microsoft Teams, SharePoint Online and also on-premises. SIG calls are used for 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 SharePoint or in Microsoft Teams context

You can download recurrent invite from Welcome and join the discussion!

“Sharing is caring”

Microsoft 365 Patterns and Practices team – 28th of August, 2020