Viva Connections & SharePoint Framework Community Call – 12th of January, 2023

Viva Connections & SharePoint Framework Community Call – 12th of January, 2023

Call summary

Welcome to the bi-weekly call focused on Microsoft 365 client-side development. In this call, we focus on using Viva Connections and SharePoint Framework to build solutions for Microsoft Teams and SharePoint Online.

New this week


  • Getting started with hTWOo React controls for Microsoft 365 – what is the hTWOo UI library (hTWOo – Core, – React, – Icons). Install and create SPFx solution using hTWOo assets. See setting up theme support, initializing icons, creating a class/function component, and importing hTOWo assets into an SPFx project. Extensibility is built in at the core. Uses Atomic Design to organize components. Components minimize bundle sizing. Teams theming for use in SPFx Teams solutions.
  • Adaptive Cards design samples for Viva Connections – brief overview of Viva Connections Dashboard and Cards along with the Adaptive Card samples repo. Add an Adaptive Card template to a Dashboard page. Populate template with JSON from Adaptive Card Designer. Learn about Card JSON (the design) and Data JSON file (static data). Not shown is building out more robust “custom” cards – full SPFx ACE extensions that connect various end points, LOB systems, etc.

The host of this call is Garry Trinder (Microsoft) | @garrytrinder. Q&A takes place as always in chat throughout the call.

Agenda items

Together Mode


The world feels so small when you’re sitting next to your friends! Thanks for being here and for making this a better world.


Demo references

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

Open-source project status

PnP ProjectCurrent versionRelease/Status
SharePoint Framework (SPFx)v1.16.1 (GA)v1.17 - Q1, 2023
PnPjs Client-Side Librariesv3.11 (GA), v2.13 (GA)
CLI for Microsoft 365v6.1 (GA), v5.9.0 GA
Microsoft Graph Developer Proxyv0.3 (beta)
Reusable SPFx React Controlsv3.12.0 (GA), v2.9.0
Reusable SPFx React Property Controlsv3.11.0 (GA), v2.7.0
Viva Connections Toolkit for VS Codev0.3.2 (preview)
PnP SPFx Generatorv1.16.0v1.17.0 on the way
PnP Modern Searchv4.7.0 (GA), v4.8.0 (beta), v3.23.0 (GA)

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
  • 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 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 - 12th of January 2023