Viva Connections & SharePoint Framework Community Call – 20th of October, 2022

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

• Agenda set for next Microsoft 365 platform call - Tuesday, October 25th, 8:00 am PT.
  • Latest news from Microsoft engineering on Microsoft 365 topics
  • Monthly community contributors
  • Sheena Makker – Extend Microsoft Teams apps to Office and Outlook Mobile
  • Hugo Bernier – Power Pages – General Availability
  • Vesa Juvonen & Alex Terentiev - Using your SPFx solutions also at Microsoft Teams, Outlook and Office.com
• Announced
  • Extending your SharePoint Framework (SPFx) solutions also to Outlook and Office.com | aka.ms/spfx-ignite2022
• Project releases
  • PnPjs Client-Side Libraries – v3.8 (GA)
  • CLI for Microsoft 365 – v5.9.0 (beta)
• Conversations
  • Microsoft 365 PnP Weekly – Episode 183 (October 17th) with Italy based Solution Architect Paolo Pialorsi (PiaSys) | @paolopia | video | podcast
  • Microsoft 365 PnP Weekly – Episode 182 (October 10th) with Netherlands based Microsoft 365 Architect Martin Lingstuyl (I4-YOU Business Solutions) | @martinlingstuyl | video | podcast

Demos

• Copy Views SharePoint Framework Web Part – copy views from one list/library to another using either the new web part or extension. Copy columns, sorting, group by, view formatting and filtering. Web part displayed on specific site/page for view management purposes. Extension is a dialog opened by ListView Command set extension on any list/library - tenant wide or site scoped. Code - see component structure and PnPjs copy functionality.
• Using the Azure AD on-behalf-of flow within your SharePoint Framework solution – overview of On-Behalf-Of (OBO) flow, tokens, permissions and use in SharePoint Framework. OBO is great for when you need a background task running (in middleware that needs to consume another back-end service like Microsoft Graph) on-behalf-of a user that triggers the middleware from a SharePoint Framework app. 2 OBO scenarios shown - get my personal data via OBO and send Teams chat message via OBO.

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

Agenda items

• SharePoint Framework – Vesa Juvonen (Microsoft) | @vesajuvonen – 6:28
• PnPjs Client-Side Libraries - Julie Turner (Sympraxis Consulting) | @jfj1997 – 9:29
• CLI for Microsoft 365 - Garry Trinder (CPS Solutions) | @garrytrinder – 11:14
• PnP SPFx Controls - Alex Terentiev (Microsoft) | @alexaterentiev – 13:24
• PnP Modern Search - Garry Trinder (CPS Solutions) | @garrytrinder – 13:55
• PnP Samples - Garry Trinder (CPS Solutions) | @garrytrinder – 14:24
• Demo – Copy Views SharePoint Framework Web Part – Martin Lingstuyl (I4-YOU) | @martinlingstuyl – 16:21
• Using the Azure AD on-behalf-of flow within your SharePoint Framework solution – Paolo Pialorsi (PiaSys) | @PaoloPia – 30:03

Together Mode

Thank you everyone for joining and being part of this community. It’s really great to have you on the call. Please keep the feedback coming.

Actions

• Opt into the PnP Recognition Program | aka.ms/m365pnp-recognition
• Register for upcoming Sharing is Caring events:
  • Maturity Model Practitioners | Tuesday, November 15th, 7am PST – Download reoccurring invite.
  • PnP Office Hours – 1:1 session | Register
  • PnP Buddy System | Request a Buddy
• Register for the Microsoft 365 Developer Program and get a free developer tenant
• Get started with free training modules covering Microsoft 365 platform capabilities.
• Visit the Microsoft 365 Unified Sample Solution Gallery from Microsoft and community.
• Request a Demo spot on the call | https://aka.ms/m365pnp/request/demo
• Download the recurrent invite for this call | https://aka.ms/spdev-spfx-call

Demo references

• Copy Views SharePoint Framework Web Part
  • Sample – react-copy-views
  • Library – PnPjs - @pnp/sp/views
  • Documentation – DOMParser
• Using the Azure AD on-behalf-of flow within your SharePoint Framework solution
  • Documentation - Microsoft identity platform and OAuth 2.0 On-Behalf-Of flow
  • Sample - SPFx On-Behalf-Of flow

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

Open-source project status

General Resources

• Viva Connections https://aka.ms/VivaConnections
• Archives - Microsoft 365 PnP Weekly - Videos, Podcasts  
• Tools - Teams Toolkit (v2.2 Preview) 
• Tools - Microsoft Teams Framework (TeamsFx) 
• Gallery - Microsoft 365 Extensibility look book gallery   
• Microsoft Build sessions guide (Modern Work Digital Brochure) - aka.ms/modernworkbuildsessions
• SharePoint Framework - v1.12.1 npm install –g @microsoft/generator-sharepoint@next
• CLI for Microsoft 365 v3
• CodeTour
• Sharing is Caring | aka.ms/sharing-is-caring
• Tools - PnP Modern Search v4  | https://aka.ms/pnp-search
• M365 PnP site | aka.ms/m365pnp
• SharePoint Starter Kit v2
• Blog: “A Lap Around Microsoft Graph Toolkit” blog series
• New Microsoft 365 Patterns and Practices (PnP) team model with new community leads
• Microsoft 365 Community Content (non-Dev docs)
• PnP SPFx web part samples
• PnP SPFx extension samples
• GitHub PnPjs
• Tutorials - Getting started with SharePoint Framework v1.10 Tutorials (12 videos)
• Tutorials - Getting started with SharePoint Framework v1.10 Extensions (6 videos)
• Docs - Tutorials and training material for SharePoint Development
• SPFX Training Package
• SPFx Web Parts
• SPFx Extensions
• SPFx Library Components
• Documentation - PnPjs v2 documentation
• Link - Microsoft 365 developer training
• Link - Office 365 Developer Program
• Latest documentation on SharePoint Framework
• Found an issue with SharePoint Dev? - please let us know at https://aka.ms/spdev-issues
• Reusable web part property controls
• Reusable react controls for SharePoint Framework solutions
• Reusable controls webcast
• CLI for Microsoft 365
• PnP SPFx Yeoman Generator - Extends the out-of-the-box experience with open-source community capabilities
• SharePoint Dev UserVoice - for new feature requests

Other mentioned topics

• SharePoint dev documentation
• SharePoint dev issue list

Upcoming calls | Recurrent invites

• Microsoft 365 platform call | Tuesday, October 25, 8:00 am PT – https://aka.ms/m365-dev-call (weekly)
• Microsoft 365 General Dev call | Thursday, October 27, 7:00 am PT - https://aka.ms/m365-dev-sig (bi-weekly)
• Viva Connections & SharePoint Framework call | Thursday, November 3, 7:00 am PT - https://aka.ms/spdev-spfx-call (bi-weekly)
• Office add-in monthly call | Wednesday, November 9, 8:00 am PT - https://aka.ms/officeaddinscall (monthly)
• Adaptive Cards monthly call | Thursday, November 10, 9:00 am PT - https://aka.ms/adaptivecardscommunitycall (monthly)
• Power Platform monthly call | Wednesday, November 16, 8:00 am PT - https://aka.ms/PowerAppsMonthlyCall (monthly)
• Microsoft Identity Platform call | Thursday, November 17, 9:00 am PT - https://aka.ms/IDDevCommunityCalendar (monthly)

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 October 2022