Viva Connections & SharePoint Framework Community Call – 4th of May, 2023

Viva Connections & SharePoint Framework Community Call – 4th of May, 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

  • Announcements
    • Agenda set for next Microsoft 365 & Power Platform weekly call - Tuesday, May 9th, 8:00 am PT.
      • Latest news from Microsoft engineering on Microsoft 365 topics
      • Eric Scherlinger & Avadhesh Dubey – Power Automate and Microsoft Teams
      • Cathy Dew – Latest on the SharePoint site templates - site creation and template updates
      • Vesa Juvonen - Latest on using SPFx for Microsoft Teams extensibility
  • Shows and Events
  • Project releases
  • Conversations
    • Microsoft 365 PnP Weekly – Episode 208 (May 1st) with Paris, France-based Principal Product Manager - David Rousset (Microsoft) | @davrous | video | podcast
    • Power Platform Connections - Power Platform Connections Ep 11 - Chris Huntingford (April 27th) | video

Demos

  • Building Conversation search experience for Microsoft Teams with SPFx – web part (react-teams-conversationview) shows a Teams channel’s conversation simply, making it easier for users to search and filter for latest conversations and replies. SPFx web part optimized for a channel conversation on a Teams tab. Latest conversations on top, filters to sort by person, topic, dates and attachments. Display in chat format or tabular view. 10-step CodeTour guides viewers through solution. Gets messages using Graph API.
  • Replicating the Quick Links web part for extensibility – the modern, intuitive to edit Quick Lines web part. What are Quick links? Sorting and storing items, calculating sort weight (to position cards), and tricks for working with property pane - like drag n’ drop and Quick Links URL options. 6 Quick Links layouts including the Tiles option from year’s past. Appreciate implementation challenges overcome – like ordering tiles. Get the sample to see the code.

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

Agenda items

00:00 – Intro – Garry Trinder (Microsoft) | @garrytrinder

10:14 – PnPjs Client-Side Libraries – Garry Trinder (Microsoft) | @garrytrinder

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

13:18 – Microsoft Graph Developer Proxy – Garry Trinder (Microsoft) | @garrytrinder

15:40 – PnP SPFx Controls – Garry Trinder (Microsoft) | @garrytrinder

17:01 – PnP Modern Search – Garry Trinder (Microsoft) | @garrytrinder

17:48 – PnP Samples - Garry Trinder (Microsoft) | @garrytrinder

18:26 – Together mode picture – Garry Trinder (Microsoft) | @garrytrinder

19:30 – Demo – Building Conversation search experience for Microsoft Teams with SPFx – Siddharth Vaghasia (BinaryRoots) | @siddh_me and Kunj Sangani | @sanganikunj

38:34 – Demo – Replicating the Quick Links web part for extensibility – Dan Toft (Evobis ApS) | @tanddant

49:58 – Closing

Together Mode

together-230504.png

Great as always to see many of you on the call today. Thank you for joining call and for being part of your vibrant community.

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.1 (GA)
PnPjs Client-Side Librariesv3.14 (GA)v3.15 to release on May 12
CLI for Microsoft 365v6.7 (GA)
Microsoft Graph Developer Proxyv0.7 (Preview)v0.8 to be released May 31
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 Codev0.4.4 (GA)
PnP SPFx Generatorv1.16.0v1.17.0 on the way
PnP Modern Searchv4.8.0 (GA), v3.23.0 (GA)
  • Microsoft 365 & Power Platform community videos - aka.ms/community/videos
  • LinkedIn group for discussions and updates - aka.ms/community/Li
  • Open-source assets –
    • github.com/pnp
    • github.com/officedev
    • github.com/sharepoint
    • github.com/microsoftgraph
  • Unified Sample gallery - aka.ms/community/samples
  • Product sample galleries
    • aka.ms/teams-samples
    • aka.ms/spfx-webparts
    • aka.ms/spfx-extensions
    • aka.ms/powerplatform-samples
    • aka.ms/list-formatting
  • One place for Open-source initiatives and samples - aka.ms/community/home
  • Microsoft 365 & Power Platform community calls - aka.ms/community/calls
  • Community call agendas - aka.ms/community/meetup
  • Request to Present - aka.ms/community/request/demo
  • Invite (ics) for the Microsoft 365 & Power Platform call - aka.ms/community/ms-speakers-call-invite
  • Learn how to get started in the open-source PnP community! – aka.ms/sharing-is-caring
  • Community Recognition Program – aka.ms/community/recognition
  • Project Specific
    • SharePoint Framework
      • Release notes - learn.microsoft.com/sharepoint/dev/spfx/roadmap
      • Repo - github.com/SharePoint/sp-dev-docs
    • PnPjs Client-side Libraries
      • Repo/Docs – pnp.github.io/pnpjs
      • nightly builds – npm install @pnp/sp@v3nightly –save
    • CLI for Microsoft 365
      • Repo – github.com/cli-microsoft365
      • CLI community on Discord aka.ms/cli-m365/discord
      • Twitter @climicrosoft365
      • Documentation - aka.ms/cli-m365/
    • Microsoft Graph Developer Proxy – aka.ms/graph/proxy/download
    • Reusable SPFx Controls
      • Release notes - pnp.github.io/sp-dev-fx-property-controls/about/release-notes/
      • Documentation - sharepoint.github.io/sp-dev-fx-property-controls
      • Twitter - @M365PnPControls
    • React Property Controls –
      • Release notes - pnp.github.io/sp-dev-fx-property-controls/about/release-notes/
      • Documentation - sharepoint.github.io/sp-dev-fx-controls-react
      • Twitter - @M365PnPControls
    • Viva Connections Toolkit for Visual Studio Code
      • Repo - aka.ms/viva/vscode
    • PnP Modern Search
      • Documentation - aka.ms/pnp-search
      • Repo - github.com/microsoft-search/pnp-modern-search/releases
  • All community calls – aka.ms/community/calls
  • Feedback on this call - aka.ms/community/calls/feedback
  • Follow us on Twitter for updates - @m365pnp, and @Microsoft365Dev

General Resources

Other mentioned topics

Upcoming calls | Recurrent invites

About

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 https://aka.ms/spdev-spfx-call. Welcome and join the discussion!

“Sharing is caring”

Microsoft 365 PnP team, Microsoft - 4th of May 2023