Viva Connections & SharePoint Framework Community Call – 5th of May, 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 Microsoft 365 platform call - Tuesday, May 10, 8:00 am PT | aka.ms/m365-dev-call
  • Latest news from Microsoft engineering on Microsoft 365 topics
  • Monthly community contributors
  • Demo - Divyanka Pillai and Michelle Lee - Additional Contextual Actions in your Extended App
  • Demo - David Rousset - Getting started on using Azure Communication Services in your web site
• Project releases
  • Reusable SPFx React Controls v3.8.0
  • Reusable SPFx React Property Controls v3.7.0
• Extension samples
  • processing
• Web part samples
  • Page Navigation (Upgraded to SPFx 1.14) - Alex Terentiev | @alexaterentiev
  • Teams Meeting App Questionnaire (Upgraded to SPFx 1.14) - Nanddeep Nachan | @NanddeepNachan
  • Star Ratings (Updated) - Takashi Shinohara | @karamem0
• ACE samples (* in processing)
  • Word of the Day* - Guido Zambarda | GuidoZam
• Microsoft 365 PnP Weekly – Episode 164 (May 2nd) with Belgium based Consultant, Office Developer MVP Elio Struyf (Struyf Consulting) | @eliostruyf | video | podcast
• Microsoft 365 PnP Weekly – Episode 163 (April 25th) with Oslo, Norway based Principal Product Manager, Mikael Svenson (Microsoft) | @mikaelsvenson | video | podcast

Demos

• Manage data in OneDrive application folder - do you need to store user personal data generated by your SPFx app located within SharePoint and Teams? See how to manage data stored in a json file in the application’s personal folder on the user’s OneDrive. Three Microsoft Graph end points are used in this solution. Graph conveniently creates the data file on your OneDrive for you. Step through the web part code.
• Auto Batching Microsoft Graph Calls in your SPFx solutions - auto-batching Microsoft Graph requests in SPFx and especially in Adaptive Cards scenarios where throttling may be an issue with many consecutive requests, is simple and more efficient. Marcin has defined an interface IHttp Client. See how he queues up and sends batched requests. Thorough code walk-through includes logic to test batch requests. Hear his rationale behind using AadHttpClient instead of MSGraphClient.
• SPFx Design Patterns – Property pane exception handling - avoid making your users feel bad through poor information collection design. In this 6th and final installment on property panes, use proven PnP property pane controls and validation methods in your reusable SPFx solutions. Step through installing the propertypane library in your VS code environment, than add and configure a control in a web part. Session wraps with design (error message) etiquette recommendations.

The host of this call is Patrick Rodgers (Microsoft) | @mediocrebowler. Q&A takes place as always in chat throughout the call.

Agenda items

• SharePoint Framework - Patrick Rodgers (Microsoft) | @mediocrebowler – 6:33https://youtu.be/3_QF94JWIlk?t=476
• PnPjs Client-Side Libraries - Julie Turner (Sympraxis Consulting) | @jfj1997 – 8:00
• CLI for Microsoft 365 - Patrick Rodgers (Microsoft) | @mediocrebowler – 9:24
• PnP SPFx Controls - Patrick Rodgers (Microsoft) | @mediocrebowler – 10:01
• PnP Modern Search - Patrick Rodgers (Microsoft) | @mediocrebowler – 10:46
• PnP Samples - Hugo Bernier (Microsoft) | @bernierh – 11:43
• PnP SPFx ACEs Samples - David Warner II (Microsoft) | @DavidWarnerII – 12:44
• Demo - Manage data in OneDrive application folder – Adam Wójcik (Hitachi) | @Adam25858782 – 14:17
• Demo - Auto Batching Microsoft Graph Calls in your SPFx solutions – Marcin Wojciechowski (Valo) | @mgwojciech – 26:53
• Demo - SPFx Design Patterns – Property pane exception handling – Hugo Bernier (Microsoft) | @bernierh – 41:46

Actions

• Register for Microsoft Build | May 24-26, 2022
• Opt into the PnP Recognition Program | aka.ms/m365pnp-recognition
• Register for Sharing is Caring events:
  • Power Platform Samples – First Time Contributor | Monday, May 9, 10:30 am PT- Register
  • Community Docs Session | Tuesday, May 17, 10:00 am PT - Register
  • Maturity Model Practitioners | Register
  • 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.
• Sign up to Share your story in the Learn from the community series.
• 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

• Manage data in OneDrive application folder
  • Sample - Save to User Application Personal Folder in OneDrive
  • Article - Save data to app personal folder
• Auto Batching Microsoft Graph Calls in your SPFx solutions
  • Sample - Graph auto batching
• SPFx Design Patterns – Property pane exception handling
  • PnP Tool - Reusable property pane controls for the SharePoint Framework solutions
  • PnP Tool - PropertyFieldListPicker control

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, May 10, 8:00 am PT – https://aka.ms/m365-dev-call (weekly)
• Office add-in monthly call | Wednesday, May 11, 8:00 am PT - https://aka.ms/officeaddinscall (monthly)
• M365 General Dev call | Thursday, May 12, 7:00 am PT - https://aka.ms/m365-dev-sig (bi-weekly)
• Adaptive Cards monthly call | Thursday, May 12, 9:00 am PT - https://aka.ms/adaptivecardscommunitycall (monthly)
• Power Platform monthly call | Wednesday, May 18, 8:00 am PT - https://aka.ms/PowerAppsMonthlyCall (monthly)
• Viva Connections & SharePoint Framework call | Thursday, May 19, 7:00 am PT - https://aka.ms/spdev-spfx-call (bi-weekly)
• Microsoft Identity Platform call | Thursday, May 19, 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 - 6th of May 2022