Microsoft 365 Microsoft Teams SharePoint Add-ins Extensions SharePoint Framework

SharePoint Framework Community Call Recording – 10th of September, 2020

SharePoint Framework Special Interest Group (SIG) bi-weekly community call recording from September 10th is now available from the Microsoft 365 & SharePoint 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:

Since our last client-side call, new releases include:  PnPjs v2.0.9 on September 4 and PnPjs v2.0.10 on September 10 (bug fix), CLI for Microsoft 365 v3.0, React Controls v1.20.0, React Property Controls v1.20.0 and PnP Modern Search v3.15.1.  Community members delivered 7 web part samples one of which is a Microsoft Teams Development Sample.  Check out the Microsoft Teams Sample Browser at aka.ms/TeamsSampleBrowser to help you locate Teams samples and extensions.  A summary and recordings for last week’s PnP Virtual Conference is available now.  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:

Where’s Parker?

Actions:

Demos:

  1. Building a Microsoft Graph People Search web part – Why do we need a people search web part?    Because this web part allows you to limit/filter profiles returned by Microsoft Graph.   The Graph-based web part shows Person Cards from Office UI Fabric React/Fluent UI library and shows Live Person Card on hover.  Configure Query and Search parameters, Styling options, template options as well as Microsoft Graph query debug mode.
  2. Building a licensing solution for SharePoint Framework solutions – So you want to make your add-ons available on Microsoft AppSource.  Licensing options – use your own licensing management tool, use a 3rd party app or use AppSource.  Create a simple license management system to manage Add-ins sold in AppSource.   From the app, call a SAAS web API and inform the user if they or their tenant has license for your app. If no, then route them to license the app.
  3. SharePoint Starter Kit v2 Overview – soup-to-nuts tools and guidance for creating your own site.  The SharePoint Starter Kit is a comprehensive solution designed for SharePoint Online and SharePoint 2019 which provides numerous SharePoint Framework (SPFx) web parts (16), extensions (4) , site collections (3), and guidance,  as well as PnP PowerShell driven provisioning (3 commands) which you can use as an example and inspiration for your own customizations.
SPFx extension samples:  (https://aka.ms/SPFx extensions)
  • no new extensions in last two weeks

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

Microsoft Teams Development Samples:  (https://aka.ms/TeamsSampleBrowser)

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 – 8:09
  • PnPjs Client Libraries – Julie Turner (Sympraxis Consulting) | @jfj1997 – 10:10
  • Office 365 CLI – Garry Trinder (CPS Solutions) | @garrytrinder – 12:22
  • SPFx reusable controls – 14:47
  • SPFx Generator – 15:36
  • PnP Search Solution – 16:46
  • PnP SPFx Samples – Hugo Bernier (Tahoe Ninjas) | @bernierh 17:50 

Demos :

  • Building a Microsoft Graph People Search web part – Yannick Reekmans (Qubix) | @YannickReekmans 22:18
  • Building a licensing solution for SharePoint Framework solutions – Abhishek Purohit (Microsoft) | @abpuro 39:28
  • SharePoint Starter Kit v2 Overview – Kislay Sinha (CGI) | @sinhakislay 49:03

Resources:

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

Other mentioned topics

Next Meeting is on September 24, 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 https://aka.ms/spdev-spfx-call. Welcome and join the discussion!

“Sharing is caring”


Microsoft 365 Patterns and Practices team – 10th of September, 2020

filter-icon