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

 

 

Great to see all of you today.  Looking forward to seeing some of you in Düsseldorf or in Las Vegas later this year.   

 

Actions:

 

• Opt in to PnP Recognition Program | https://aka.ms/m365pnp-recognition
• Register for Sharing is Caring Events:
  • First Time Contributor Session – December 15^th (EMEA, APAC & US friendly times available)
  • Community Docs Session – November 17^th  
  • Power Platform Samples – First Time Contributor – November 24^th, December 15^th
  • PnP – SPFx Developer Workstation Setup – November 16^th
  • PnP SPFx Samples – Solving SPFx version differences using Node Version Manager – November 30^th  
  • First Time Presenter – TBS
  • More than Code with VSCode – November 9^th  
  • Maturity Model Practitioners – November 16^th  (every 3^rd 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 – 13:32
• 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:36

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

 

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 25^th) with Sweden based MVP and Chief Technical Architect at Advania - Simon Ågren | @AgrenPoint. | video | podcast
• Microsoft 365 PnP Weekly - Episode 141 (November 1^st) 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 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:  (Subject to Updates in September)

 

• Microsoft 365 platform call – November 9^th at 8:00 am PDT | https://aka.ms/m365-dev-call
• Office add-in monthly call – November10^th at 8:00 am PDT | https://aka.ms/officeaddinscall
• M365 General Dev call – November 11^th at 7:00 am PDT | https://aka.ms/m365-dev-sig
• Adaptive Cards monthly call – November 11^th at 9:00 am PDT | https://aka.ms/adaptivecardscommunitycall
• Power Apps monthly call – November 17^th at 8:00 am PDT | https://aka.ms/PowerAppsMonthlyCall
• SharePoint Framework call – November 18^th at 7:00 am PDT | https://aka.ms/spdev-spfx-call
• Microsoft Identity Platform call – November 18^th 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 - 5th of November 2021

Posted at https://sl.advdat.com/2ZRWlNm