Viva Connections & SharePoint Framework Community Call – 20th of April, 2023

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

Demos

  • The Canary in the coalmine or how to keep an eye on the SharePoint Search updates – a simple brute force solution that addresses unadvertised search outages that affect customer’s search result accuracy – site performance. The early warning system monitors search refresh - site indexing activities using an Azure function to compare SharePoint list and index values every 5 minutes. If values don’t match after 30 minutes, email is sent to the admin account.
  • Building Service Health solution for Microsoft 365 with SharePoint Framework – a SPFx web part that uses the Graph API to display the health status for all Microsoft 365 services as seen only by Admins in Admin Center, presently. The web part delivers a similar appearance and drill down functionality as in Admin center. Web part broken into multiple sub-components with separate styling for code manageability/reuse. Many of the components are stateless.
  • Introduction to hTWOo v2.0 - a better Fluent UI framework – created 2 years ago. There are 2 flavors of hTWOo 2.0 (hTWOo-core (html/CSS/js), and hTWOo-react (components)). Changes from 1.0 – no breaking changes, completely rewrote the library internal to CSS in SASS-dart, completely revamped website, and more. See how to get hTWOo into your SPFx project. Step through pulling a button and an accordion item into your project. Q&A - modern browser support, using hTWOo outside SPFx.

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

07:41 – SharePoint Framework – Vesa Juvonen (Microsoft) | @vesajuvonen

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

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

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

13:36 – PnP SPFx Controls – Alex Terentiev (Microsoft) | @alexaterentiev

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

14:55 – PnP Modern Search – Garry Trinder (Microsoft) | @garrytrinder

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

16:06 – Together mode picture – Vesa Juvonen (Microsoft) | @vesajuvonen

17:19 – Demo – The Canary in the coalmine or how to keep an eye on the SharePoint Search updates - Kasper Bo Larsen (Fellowmind) | @kasperbolarsen

33:23 – Demo – Introduction to hTWOo v2.0 - a better Fluent UI framework

52:34 – Closing

Together Mode

together-230420.png

Thanks everybody for joining today. Awesome to have you in the call and hopefully we will see each other soon at an in-person event location near you.

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)
CLI for Microsoft 365v6.6 (GA)
Microsoft Graph Developer Proxyv0.6 (Preview)v0.7 to be released April 26, 2023
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 - 20th of April 2023