Viva Connections & SharePoint Framework Community Call – 1st of June, 2023

Viva Connections & SharePoint Framework Community Call – 1st of June, 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.


  • Building a custom Instagram Feed experience with SPFx – sample web part that showcases an Instagram feed. Tips on upgrading original web part from SPFx v1.11 to v 1.16. Web part requires a user token. See SPFx code for generating token and rendering Instagram feed. Various methods discussed to bring in Instagram feed. Created an Independent Publisher Connecter (flow template) for a scheduled feed into SharePoint list. Uses the Instagram Basic Display API (
  • Using reusable IFramePanel control in your SPFx solutions – this sample shows how to implement the richly capable React SPFx IFramePanel control in a SharePoint Framework web part. Observe very little coding required. Various out-of-box capabilities of the control shown in web part. Also conveyed in this sample was how the presenter happened to create the sample. He identified a “Good First Issue” in the SPFx issues list. Learned about capability, delivered solution + demo!
  • Viva Connections ACE to display Daily Insights based on ChatGPT OpenAI API – an explorational Dev experience using OpenAI, Prompt Engineering, ChatGPT, calling external APIs. ACE with a PrimaryText card view and a quick view using ChatGPT OpenAI API. Card provides user with informational/motivational quotes, tips etc. Configurable options include API key, select prompt/category, max token, card title and description. Uses session storage to limit the number of requests per user. Deliberate UI and Code walk through (Code Tour).

The host of this call is Hugo Bernier (Microsoft) @bernierh. Q&A takes place as always in chat throughout the call.

Agenda items

00:00 – Intro – Hugo Bernier (Microsoft) | @bernierh

06:03 – SharePoint Framework – Vesa Juvonen (Microsoft) | @vesajuvonen

08:24 – PnPjs Client-Side Libraries – Julie Turner (Sympraxis Consulting) @jfj1997

10:35 – CLI for Microsoft 365 – Garry Trinder (Microsoft) | @garrytrinder

12:21 – Microsoft Graph Developer Proxy – Garry Trinder (Microsoft) | @garrytrinder

13:40 – PnP SPFx Controls – Hugo Bernier (Microsoft) | @bernierh

14:23 – Viva Connections Toolkit for Visual Studio Code – Vesa Juvonen (Microsoft) | @vesajuvonen

15:22 – PnP Modern Search – Hugo Bernier (Microsoft) | @bernierh

15:44 – PnP Samples - Hugo Bernier (Microsoft) | @bernierh

16:07 – Together mode picture

17:19 – Demo – Building a custom Instagram Feed experience with SPFx – Reshmee Auckloo​ (Pension Protection Fund) | @ ReshmeeAuckloo

29:52 – Demo – Using reusable IFramePanel control in your SPFx solutions – Valeras Narbutas​ (Macaw) | @ValerasNarbutas

36:34 – Demo – Viva Connections ACE to display Daily Insights based on ChatGPT OpenAI API – Siddharth Vaghasia​ | @siddh_me

49:08 – Closing

Together Mode


The winners of the seat auction are pictured here. You had to be there to appreciate the preceding statement. Nice work! Great to see everybody today. Please join us on our next call.

Upcoming activities and actions

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.17.3 (GA)v1.18 around September
PnPjs Client-Side Librariesv3.15 (GA)v3.16 to be released June 9th, v4.0 Planning – Issue #2678
CLI for Microsoft 365v6.8 (GA)
Microsoft Graph Developer Proxyv0.8 (Preview)
Reusable SPFx React Controlsv3.14.0 (GA), v2.9.0
Reusable SPFx React Property Controlsv3.13.0 (GA), v2.7.0
Viva Connections Toolkit for VS Codev1.0 (GA)
PnP SPFx Generatorv1.16.0v1.17.0 on the way
PnP Modern Searchv4.8.0 (GA), v3.23.0 (GA)v4.9 soon to be out – beta release this week!

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 - 1st of June 2023