SharePoint Framework Community Call – 20th of May, 2021

This article is contributed. See the original author and article here.

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 http://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.

 

 

Thanks everybody for being part of the Community and helping making things happen. You are absolutely awesome!

 

Actions:

• Register for Sharing is Caring Events:
  
  
  
  • First Time Contributor Session – May 24^th (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 20^th
  
  
  • AMA (Ask Me Anything) – Microsoft Graph & MGT – June 8^th
  
  
  • AMA (Ask Me Anything) – Microsoft Teams Dev – June
  
  
  • First Time Presenter – May 25^th
  
  
  • More than Code with VSCode – May 27^th  
  
  
  • Maturity Model Practitioners – May 18^th
  
  
  • 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 web part samples:  (https://aka.ms/spfx-webparts) 

 

• List Items Menu (SP2019 Version) – João Mendes | @joaojmendes


• News Banner – João Mendes | @joaojmendes


• List Form – Ari Gunawan | AriGunawan


• Calendar – Eli H. Schei | @acupof_dev

• NEW Issue Templates!

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

 

Agenda items:

• Latest updates on SharePoint Framework – Vesa Juvonen (Microsoft) | @vesajuvonen – 5:38


• PnPjs Client-Side Libraries – Julie Turner (Sympraxis Consulting) | @jfj1997 – 9:27


• CLI for Microsoft 365 – Patrick Rodgers (Microsoft) | @mediocrebowler – 11:29


• PnP SPFx Controls – Patrick Rodgers (Microsoft) | @mediocrebowler – 12:28


• PnP Modern Search – Patrick Rodgers (Microsoft) | @mediocrebowler – 13:24


• PnP SPFx Samples – Hugo Bernier (Tahoe Ninjas) | @bernierh – 14:30

 

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.

• The presentation used for this community call


• 
  

  Article – Navigate OneDrive data with Microsoft Graph and Mgt-File-List Beta version 

  
  


• 
  

  Sample – OneDrive finder 

  
  


• 
  

  Sample – Teams Membership Updater 

  
  


• 
  

  Documentation – Combine multiple requests in one HTTP call using JSON batching 

  
  


• 
  

  Article – Using the latest microsoft-graph-client in SPFx 

  
  


• 
  

  Library – Microsoft Graph JavaScript Client Library 

  
  


• 
  

  Sample – Graph MGT Client 

  
  


• Gallery – Microsoft 365 Extensibility look book gallery   


• PnP Weekly – Episode 127 with MVP guest Rick Van Rousselt (Advantive) | @RickVanRousselt | video | podcast


• Microsoft Build sessions guide (Modern Work Digital Brochure) – aka.ms/modernworkbuildsessions

 

General Resources:

• Viva Connections https://aka.ms/VivaConnections 


• SharePoint Framework – v1.12.1 npm install –g @microsoft/generator-sharepoint@next


• CLI for Microsoft 365 v3


• CodeTour


• Sharing is Caring | aka.ms/sharing-is-caring


• Tools – PnP Modern Search v4  | https://aka.ms/pnp-search


• M365 PnP site | aka.ms/m365pnp


• SharePoint Starter Kit v2


• Blog: “A Lap Around Microsoft Graph Toolkit” blog series


• New Microsoft 365 Patterns and Practices (PnP) team model with new community leads


• Microsoft 365 Community Content (non-Dev docs)


• PnP SPFx web part samples


• PnP SPFx extension samples


• GitHub PnPjs


• Tutorials – Getting started with SharePoint Framework v1.10 Tutorials (12 videos)


• Tutorials – Getting started with SharePoint Framework v1.10 Extensions (6 videos)


• Docs – Tutorials and training material for SharePoint Development


• SPFX Training Package


• SPFx Web Parts


• SPFx Extensions


• SPFx Library Components


• Documentation – PnPjs v2 documentation


• Link – Microsoft 365 developer training


• Link – Office 365 Developer Program


• Latest documentation on SharePoint Framework


• Found an issue with SharePoint Dev? – please let us know at http://aka.ms/spdev-issues


• Reusable web part property controls


• Reusable react controls for SharePoint Framework solutions


• Reusable controls webcast


• Office 365 CLI


• PnP SPFx Yeoman Generator – Extends the out-of-the-box experience with open-source community capabilities


• SharePoint Dev UserVoice – for new feature requests

 

Other mentioned topics:

• SharePoint dev documentation


• SharePoint dev issue list

 

Upcoming calls | Recurrent invites:

 

• M365 General Dev call – May 27^th at 7:00 am PDT | https://aka.ms/m365-dev-sig


• Microsoft Graph call – June 1^st at 8:00 am PDT | https://aka.ms/microsoftgraphcall


• SharePoint Framework call – June 3^rd at 7:00 am PDT | https://aka.ms/spdev-spfx-call


• SharePoint monthly call – June 8^th at 8:00am PDT | https://aka.ms/sp-call


• Office add-in monthly call – June 9^th at 8:00 am PDT | https://aka.ms/officeaddinscall


• Adaptive Cards monthly call – June 10^th at 9:00 am PDT | https://aka.ms/adaptivecardscommunitycall


• Microsoft Teams monthly call – June 15^th at 8:00 am PDT | https://aka.ms/microsoftteamscommunitycall


• Power Apps monthly call – June 16^th at 8:00 am PDT | https://aka.ms/PowerAppsMonthlyCall


• Microsoft Identity Platform – June 17th at 9:00 am PDT |https://aka.ms/IDDevCommunityCalendar 

 

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 https://aka.ms/spdev-spfx-call. Welcome and join the discussion!

“Sharing is caring”

---

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

Brought to you by Dr. Ware, Microsoft Office 365 Silver Partner, Charleston SC.