SharePoint Framework Community Call -- 20th of May, 2021

SharePoint Framework Special Interest Group (SIG) bi-weekly community call recording from May 20th is now available from the Microsoft 365 Community YouTube channel at https://aka.ms/m365pnp-videos. You can use SharePoint Framework for building solutions for Microsoft Teams and for SharePoint Online.

Call summary

Preview the new Microsoft 365 Extensibility look book gallery co-developed by Microsoft Teams and SharePoint engineering.   Register now for May/June trainings on Sharing-is-caring.  View the Microsoft Build sessions guide (Modern Work Digital Brochure) – Keynotes, breakouts, on-demand, roundtables and 1:1 consultations.  PnPjs Client-Side Libraries v2.5.0 GA and CLI for Microsoft 365 v3.10.0 preview were released this month.   Also latest updates on SPFx roadmap (v1.13.0 Preview in summer) and Viva Connections extensibility shared.    Four new/updated PnP SPFx web part samples delivered in last 2 weeks.  Great work!    **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  v1.13.0 Preview in summer PnPjs Client-Side Libraries v2.5.0 v3.0.0 developments underway CLI for Microsoft 365 v3.9.0 v3.10.0 preview released Reusable SPFx React Controls v2.7.0, v3.1.0 v2.7.0 (SPFx v1.11), v3.1.0 (SPFx v1.12.1) Reusable SPFx React Property Controls v2.6.0, v3.1.0 v2.6.0 (SPFx v1.11), v3.1.0 (SPFx v1.12.1) PnP SPFx Generator v1.16.0 Angular 11 support PnP Modern Search v3.19 and v4.1.0 April and March 20th

The host of this call is Patrick Rodgers (Microsoft) @mediocrebowler.  Q&A takes place in chat throughout the call.

Actions

  • Register for Sharing is Caring Events:
    • First Time Contributor Session – May 24th (EMEA, APAC & US friendly times available)
    • Community Docs Session – May
    • PnP – SPFx Developer Workstation Setup – June 
    • PnP SPFx Samples – Solving SPFx version differences using Node Version Manager – May 20th
    • AMA (Ask Me Anything) – Microsoft Graph & MGT – June 8th
    • AMA (Ask Me Anything) – Microsoft Teams Dev - June
    • First Time Presenter – May 25th
    • More than Code with VSCode – May 27th  
    • Maturity Model Practitioners – May 18th
    • PnP Office Hours – 1:1 session - Register
  • Download the recurrent invite for this call – https://aka.ms/spdev-spfx-call

Demos

  1. Using Microsoft Graph Toolkit to easily access files in Sites and in OneDrive – a.k.a. OneDrive finder - find and explore OneDrives, folders and files using Microsoft Graph Toolkit.  Use Graph queries to get hostname, Sites on hostname, OneDrive item-id, and Sites Root item-id.  Use 2 beta controls from MGT for search – Mgt-File-List and MGT-File.  Refine search results by file extension, items on page, etc.  Display style – light/dark mode.  Recommendations on managing file list cache and permissions.   

  2. Building Microsoft Teams user bulk membership update tool with SPFx and Microsoft Graph – a.k.a. the Teams Membership Updater tool – a web part for Teams’ site owners that pulls member updates from a selected CSV file.  Upon load, the web part calls Graph to pull the list of Teams you are a member/owner.   Uses Graph batch functions to remove orphaned members and then to add new members.   Uses SPFx Reusable controls and react-papaparse.  

  3. Building Microsoft Graph get client web part with latest Graph Client SDK – use Microsoft Graph Toolkit SharePoint provider to access and leverage new functionality of Graph JS SDK in SPFx.  Web part sample developed using React Framework that showcases how to use the latest microsoft-graph-client in SPFx.  The client enables throttling management (no 429s), Chaos management, uses latest types, getting RAW responses from API, Content-Type is already set for PUT, and a lot more!

SPFx extension samples: *

SPFx web part samples: https://aka.ms/spfx-webparts

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

Agenda items

Demos

  • Demo:  Using Microsoft Graph Toolkit to easily access files in Sites and in OneDrive – André Lage (Datalynx AG) | @aaclage [– 18:27]

    Demo:  Building Microsoft Teams user bulk membership update tool with SPFx and Microsoft Graph – Nick Brown (Cardiff University) | @techienickb [– 34:06]

    Demo:  Building Microsoft Graph get client web part with latest Graph Client SDK – Sébastien Levert (Microsoft) | @sebastienlevert [ –][ 47:30]

Resources

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

General resources

Other topics mentioned

Upcoming Calls | Recurrent Invites

“Sharing is caring”

Microsoft 365 PnP team, Microsoft - 21st of May 2021