SharePoint Framework Community Call -- 4th of November, 2021

SharePoint Framework Special Interest Group (SIG) bi-weekly community call recording from November 4th 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

Tune in each Tuesday for the Microsoft 365 platform community call.  Featured topics for the November 9th call - Introduction to Embedded Search Box (Shubham Gatkal) and Progressive Web Apps and Microsoft Learn Module - Extend Microsoft Viva Connections with Adaptive Card Extensions (Waldek Mastykarz & Vesa Juvonen). Register for training events in November – December hosted by Sharing is Caring. Register for the PnP Recognition Program.   Adaptive Card Extensions (ACEs) design guidance is now available.  SharePoint Framework v1.13 is now GA with Viva Connections extensibility support. Engineering focus laid out in Road Ahead for SPFx v1.14.  PnP project releases in the last two weeks - PnPjs Client-Side Libraries v3.0.0 Preview, CLI for Microsoft 365 v4.2.0 Preview, and PnP Modern Search v4.4.1 Preview.   **Latest project updates include: ** (Bold indicates update from previous report 2 weeks ago) 

PnP Project Current version Release/Status SharePoint Framework (SPFx) v1.13.0 GA v1.14.0 January target PnPjs Client-Side Libraries v2.10.0 GA, v3.0.0 Preview nightly builds of v3 CLI for Microsoft 365 v4.0.0 GA, v4.2.0 Preview   Reusable SPFx React Controls v2.9.0 (SPFx v1.11), v3.4.0 3.5.0 with SPFx v1.13 support is coming soon Reusable SPFx React Property Controls v2.7.0 (SPFx v1.11), v3.2.0 (SPFx v1.12.1) 3.3.0 with SPFx v1.13 support is coming soon PnP SPFx Generator v1.16.0 v1.17.0 on the way PnP Modern Search v4.4.1 Preview, v4.3.0 & v3.21.0 Release expected any day

Additionally, there was 1 extension, 5 web part and 3 ACE samples delivered! Outstanding! Your contributions are greatly appreciated by many. The host of this call is Patrick Rodgers (Microsoft) | @mediocrebowler. Q&A takes place as always in chat throughout the call.

Actions

• Opt in to PnP Recognition Program | https://aka.ms/m365pnp-recognition
• Register for Sharing is Caring Events:
  • First Time Contributor Session – December 15th (EMEA, APAC & US friendly times available)
  • Community Docs Session – November 17th  
  • Power Platform Samples – First Time Contributor – November 24th, December 15th
  • PnP – SPFx Developer Workstation Setup – November 16th
  • PnP SPFx Samples – Solving SPFx version differences using Node Version Manager – November 30th  
  • First Time Presenter – TBS
  • More than Code with VSCode – November 9th  
  • Maturity Model Practitioners – November 16th  (every 3rd Tuesday of month, 7:00am PT)
  • PnP Office Hours – 1:1 session – Register
  • PnP Buddy System – Request a Buddy
• Request a Demo spot on the call – https://aka.ms/m365pnp/request/demo
• Download the recurrent invite for this call – https://aka.ms/spdev-spfx-call

Demos

• Microsoft 365 Tenant Service Health - Viva Connections Adaptive Card Extension – building an ACE to keep Tenant Admins up to date on tenant service health via mobile and desktop devices. The extension uses card view and multiple quick views to display affected issues and services in a tenant. Microsoft Graph is used to get service health data (issues). Submit action handling in ACE and Quick View, theme-based display. Complete and neatly delivered code walkthrough.

• React News Web Part – presentation opens with a demo of the SPFx ReactNewsWebpart that displays thumbnail, article, link to article, preview description, creation date, likes and comments from SharePoint site(s) the logged in user is authorized to view. In properties, select display style (stack, single), show author, and select sites to search.  Nice code step through until technical issues prematurely ended the demo.  

• SPFx Design Patterns - Custom Properties (Part 1) – an overview of OOB Property Field Types – Boolean, Choice, Slider… with practical tips for deciding which types to use to deliver concise and predictable options to user. This demo was cut short due to technical issues, so Part 2 to be delivered in a future call, will focus on custom - not out-of-the-box Property Field Types you may want to add to your solution.

SPFx extension samples:  (https://aka.ms/spfx-extensions)

• Change Page Layout Type – Sudharsan K. | @sudharsank

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

• List Items Menu – João Mendes | joaojmendes

• Kanban Board – Alex Terentiev | @alexaterentiev

• React Calendar – Mohammed Amer | @Mohammad3mer

• Modern Calendar – Peter Paul Kirschner | @petkir_at

• Find Parker – Adam Wojcik | @Adam25858782 

* to be posted soon. **PnP SPFx ACEs  **https://aka.ms/spfx-aces

• Today’s Lunch Information* – Luis Mañez | @luismanez

• Service Health - Updates* – Anoop Tatti | @anooptells

• Transport for London Status* - Updates – Anoop Tatti | @anooptells

* to be posted soon. Thank you for your great work.  Samples are often showcased in Demos.    

Agenda items

• SharePoint Framework - Vesa Juvonen (Microsoft) | @vesajuvonen – 7:07
• PnPjs Client-Side Libraries - Julie Turner (Sympraxis Consulting) | @jfj1997 – 9:55
• CLI for Microsoft 365 - Patrick Rodgers (Microsoft) | @mediocrebowler – 11:34
• PnP SPFx Controls - Patrick Rodgers (Microsoft) @mediocrebowler – 12:26
• PnP Modern Search - Mikael Svenson (Microsoft) | @MikaelSvenson
• PnP SPFx Samples - Hugo Bernier (Tahoe Ninjas) | @bernierh – 14:00
• PnP SPFx ACEs Samples - David Warner II (Catapult Systems) | @DavidWarnerII – 16:58

Demos

• D1:  Microsoft 365 Tenant Service Health - Viva Connections Adaptive Card Extension – Anoop Tatti (Content+Cloud) | @anooptells [–][ 19:26]

• D2:  React News Web Part – Alison Collins | ReactIntern [–][ 43:21]

• D3:  SPFx Design Patterns - Custom Properties – Hugo Bernier (Microsoft) | @bernierh [–][ 32:47]

Resources

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

• D1:  Sample - Service health 

• D1:  Video - Getting started on building Microsoft Viva Connection adaptive card components using SPFx 

• D1:  Ignite Session – Get started with Microsoft Viva Connections Extensibility – Vesa Juvonen & Waldek Mastykarz 

• D2:  Blog site – Graphgod 

• D2:  LinkedIn - Alison Collins 

• D2:  Sample - SharePoint News Posts with SPFx 

• D2:  PnP Samples site - Samples by Framework 

• D2:  PnP SPFx Controls - Reusable React controls for your SharePoint Framework solutions

• D3:  Documentation - Make your SharePoint client-side web part configurable 

• D3:  Documentation - Integrate web part properties with SharePoint 

• Microsoft 365 PnP Weekly – Episode 140 (October 25th) with Sweden based MVP and Chief Technical Architect at Advania - Simon Ågren | @AgrenPoint

• Microsoft 365 PnP Weekly - Episode 141 (November 1st) with UK-based SharePoint developer and MVP at Storm Technology - Joel Rodrigues | @JoelFMRodrigues. | video | podcast

General resources

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

• Archives - Microsoft 365 PnP Weekly - Videos, Podcasts  

• Tools - Teams Toolkit (v2.2 Preview) 

• Tools - Microsoft Teams Framework (TeamsFx) 

• Gallery - Microsoft 365 Extensibility look book gallery   

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

• 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 https://aka.ms/spdev-issues

• Reusable web part property controls

• Reusable react controls for SharePoint Framework solutions

• Reusable controls webcast

• CLI for Microsoft 365

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

• SharePoint Dev UserVoice - for new feature requests

Other topics mentioned

• SharePoint dev documentation

• SharePoint dev issue list Upcoming calls | Recurrent invites:  (Subject to Updates in September)

• Microsoft 365 platform call – November 9th at 8:00 am PDT | https://aka.ms/m365-dev-call

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

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

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

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

• SharePoint Framework call – November 18th at 7:00 am PDT | https://aka.ms/spdev-spfx-call

• Microsoft Identity Platform call – November 18th 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

• CLI for Microsoft 365 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 - 5th of November 2021