Microsoft 365 Office 365 SharePoint Add-ins Extensions SharePoint Framework

SharePoint Framework Community Call Recording – 4th of June 2020

SharePoint Framework Special Interest Group (SIG) bi-weekly community call recording from June 4th is now available from the SharePoint Development YouTube channel at

Call summary:

PnPjs Client-Side libraries v2.0.6 release June 5, SPFx Generator v1.13.1 released. New project added to call – PnP Modern Search v3.13.0 (May 2020). Expect bi-weekly updates on Search parts and Search Custom Renderer. Targeting early July for SharePoint Framework v1.11 – SPFx support in store (AppSource) and additional Microsoft Teams integrations. Nine new/updated Samples – 2 SPFx extensions and 7 SPFx web parts delivered. The host of this call was Vesa Juvonen (Microsoft) @vesajuvonen. Q&A takes place in chat throughout the call.


  • Register for First Time Contributor sessions – June 18th, 19th, and 22nd |
  • Save the date for the SharePoint Monthly call. Topic: Microsoft Search UX customization for SharePoint content – June 9th |
  • Watch Build Session recordings at the M365 YouTube Channel |


  1. SharePoint User Profile Property Sync with SPFx and Azure Function – a Site Admin tool built with SPFx 1.10 which uses the Microsoft Graph API and an Azure Function to execute user profile property updates (synchronization) between SPFx (SPO/Teams) and Azure AD.  We see a clean UI for Property Mapping of SharePoint and Azure properties to be synced. Property mapping can be saved and exported in JSON or CSV file.
  2. CSS in JS with SharePoint Framework see 2 options for “styling” inside SharePoint components using Framework dependent JavaScript (React) or Framework agnostic TypeScript.  The presenters’ step-through two approaches for stylizing a button and background, drawing from TypeScript and Styled-Components libraries. Stylized Components is a modern and popular way to provide CSS in JS.  The Pros and Cons of CSS in JS are discussed.
SPFx extension samples:

SPFx web part samples:

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

Agenda items:

  • Latest updates on SharePoint Framework – 6:12
  • PnPjs Client Libraries – 7:59
  • Office 365 CLI – 8:58
  • SPFx reusable controls – 9:50
  • SPFx Generator – 10:21
  • PnP Search Solution – 11:05
  • PnP SPFx Samples | Hugo Bernier (Tahoe Ninjas) | @bernierh 11:48

Demos :


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

Other mentioned topics

Next Meeting is on June 18, 2020

PnP SharePoint Framework Special Interest Group bi-weekly calls are targeted for anyone who is interested in the JavaScript-based development towards 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 – also community demos are more than welcome (let us know, if you’re interested)

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

“Sharing is caring”

SharePoint Team, Microsoft – 5th of June 2020