Friday, January 14, 2022

Viva Connections & SharePoint Framework Community Call – 13th of January, 2021



Viva Connections & SharePoint Framework bi-weekly community call recording from January 13th is now available from the Microsoft 365 Community YouTube channel at 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.  Next call on the 18th of January @ 8 AM PT
    • Latest news from Microsoft engineering on Microsoft 365 topics
    • Dan Wahlin – Show a user's emails in an ASP.NET Core app with Microsoft Graph
    • Patrick Rodgers – Deep dive on Viva Connections Adaptive Card Extension development
    • Sébastien Levert – Introduction to Microsoft Graph Toolkit control
  • Register for training events this quarter hosted by Sharing is Caring  Just added AMA (PnP React Controls) – Feb 22nd and AMA (Graph & MGT) – March 1st
  • Register for the PnP Recognition Program.
  • SharePoint Framework updates - The Road Ahead after 1.14
  • Join the updated Microsoft 365 ISV Benefit program - get help with Microsoft Teams and Microsoft Viva development
  • PnP project activities in the last two weeks:
    • CLI for Microsoft 365 v4.3
    • PnP Modern Search v4.5.3
  • 8 new/updated web parts and 2 ACEs were delivered in the last two weeks!  Your contributions are greatly appreciated by many.

Latest project updates include: (Bold indicates update from previous report 2 weeks ago) 


PnP Project Current version Release/Status
SharePoint Framework (SPFx) v1.13 GA, v1.14 public developer preview v1.14.0 beta early January, GA targeted for end of January
PnPjs Client-Side Libraries v2.11.0 GA, v3.0.0 Preview.  v 2.12 Delayed

nightly builds of v3

CLI for Microsoft 365

v4.3.0 GA


Reusable SPFx React Controls

v2.9.0 (SPFx v1.11), v3.5.0

3.5.0 supports SPFx v1.13 
Reusable SPFx React Property Controls v2.7.0 (SPFx v1.11), v3.3.0  3.3.0 supports SPFx v1.13 
PnP SPFx Generator v1.16.0 v1.17.0 on the way
PnP Modern Search v4.5.3, v3.23.0  


The host of this call is Vesa Juvonen (Microsoft) | @vesajuvonen.  Q&A takes place as always in chat throughout the call.




Thank you for joining the call today and/or for viewing the recording.  Awesome to see many of you on the screen.





  • Building Emoji Rating Web Part with SharePoint Framework – a simple way for employees to give feedback on internal communications (news/article/post) and for managers to view sentiment in report.  Web part uses star-based rating system, captures text comments, stores ratings in SharePoint list, and aligns data to page name.  Configurations – link to list, background colors, ratings text, emoji images, enable/disable comments and count.  Use flow to add web part to page at creation.    

  • Introduction to Adaptive Card Extensions (ACEs) for Microsoft Viva Connections – working with State and Properties in ACEs – includes managing interfaces for Properties (Property pane or code) and State (code) used by CardView and QuickViews.  The basic property pane is generated by the SPFx scaffolding tool.  Learn about building functions into ACE component and exposing the functions to your ACEs cards.   See how State is updated only for the active component, if 2 components displayed. 

  • SharePoint Framework Design Patterns – Custom Web Part Properties (Part 3) – regarding web part properties and property panes, having a configurable property pane allows you to go from a single-use to a multi-use component with many variations while using same code!  The Quick links web part for example can look very different by changing layout properties - just rendering differences.   Demo focuses on modifications to the getPropertyPaneConfiguration( ) method that contains pages, groups and fields.

SPFx extension samples: (
  • Next call

SPFx web part samples: (

* Link to be live soon!


PnP SPFx ACEs: (

* To be posted soon.


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


Agenda items:


  • Demo 1:  Building Emoji Rating Web Part with SharePoint Framework – Siddharth Vaghasia | @siddh_me  17:47

  • Demo 2:  Introduction to Adaptive Card Extensions (ACEs) for Microsoft Viva Connections – Paolo Pialorsi (PiaSys) | @PaoloPia  31:11

  • Demo 3:  SharePoint Framework Design Patterns – Custom Web Part Properties (Part 3) – Hugo Bernier (Microsoft) | @bernierh  43:52 



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


General Resources:


Other mentioned topics:


Upcoming calls | Recurrent invites:  


Viva Connections & SharePoint Framework bi-weekly calls are targeted at anyone who is interested in the JavaScript-based development towards Microsoft Connections, Microsoft Teams, SharePoint Online, and also on-premises. 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 Viva, Microsoft Teams or SharePoint context
  • You can download a recurrent invite from Welcome and join the discussion!

“Sharing is caring”

Microsoft 365 PnP team, Microsoft - 14th of January 2022

Posted at