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

• Project releases
  • CLI for Microsoft 365 – v5.5.0 (GA)
• Web part samples
  • Room Chat - João Mendes | @joaojmendes
  • Page Navigator - Jasey Waegebaert | @JWaegebaert

Demos

• Using OneDrive File Picker v8 control in your solution – Microsoft’s newest GA File Picker v8 “control” code is available to third party developers. Picker is an .aspx page hosted within a Microsoft service that you interact via post messages and appears in your app as an embedded iframe or popup displaying content from a SharePoint library or OneDrive. Sample code in JavaScript, TypeScript, C#, React, with or without SDK. Deep dive into 3 samples.
• How to create custom list forms with SPFx – customize forms using the SPFx React FormCustomizer component extension delivered in SPFx v1.15. Ability to add, edit and display items to a form. Works with lists, libraries, Document Sets, and PnP DynamicForm (control), for enterprise-level custom solutions. In demo, scaffold the FormCustomizer using Yeoman Generator. Extend/override the BaseFormCustomizer. code and debug your Form Customizer, step through form item editing capabilities, package and deploy using PowerShell.

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

Agenda items

• PnPjs Client-Side Libraries - Julie Turner (Sympraxis Consulting) | @jfj1997 – 7:02
• CLI for Microsoft 365 - Garry Trinder (CPS Solutions) | @garrytrinder – 8:59
• PnP SPFx Controls - Patrick Rodgers (Microsoft) | @mediocrebowler – 11:47
• PnP Modern Search - Patrick Rodgers (Microsoft) | @mediocrebowler – 13:01
• PnP Samples - David Warner II (Microsoft) | @DavidWarnerI – 14:14
• PnP SPFx ACEs Samples - David Warner II (Microsoft) | @DavidWarnerII –14:53
• Demo - Using OneDrive File Picker v8 control in your solution – Patrick Rodgers (Microsoft) | @mediocrebowler – 16:07
• Demo - How to create custom list forms with SPFx – Paolo Pialorsi (PiaSys.com) | @paolopia – 40:47

Actions

• Opt into the PnP Recognition Program | aka.ms/m365pnp-recognition
• Register for upcoming Sharing is Caring events:
  • Writing for the Web | Tuesday, August 2nd, 9:30am PT | 12:30pm ET | 6:30pm CET- Register
  • Power Platform Samples Contributor | Wednesday, August 17th, 9:30am PT | 12:30pm ET - Register
  • Writing for the Web | Tuesday, September 6th, 9:30am PT | 12:30pm ET | 6:30pm CET - Register
  • Maturity Model Practitioners | Tuesday, September 20th, 7am PST - 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.
• 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

• Using OneDrive File Picker v8 control in your solution
  • Documentation – File picker
  • Samples – OneDrive File Picker v8 Samples | aka.ms/OneDrive/samples/file-picking
• How to create custom list forms with SPFx
  • Documentation - Build your first Form Customizer extension (preview)
  • SPFx Controls - Reusable React controls for your SharePoint Framework solutions
  • SPFx Controls - Dynamic Form
  • Samples - spfx-list-forms

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 General Dev call | Thursday, August 4, 7:00 am PT - https://aka.ms/m365-dev-sig (bi-weekly)
• Office add-in monthly call | Wednesday, August 10, 8:00 am PT - https://aka.ms/officeaddinscall (monthly)
• Viva Connections & SharePoint Framework call | Thursday, August 11, 7:00 am PT - https://aka.ms/spdev-spfx-call (bi-weekly)
• Adaptive Cards monthly call | Thursday, August 11, 9:00 am PT - https://aka.ms/adaptivecardscommunitycall (monthly)
• Power Platform monthly call | Wednesday, August 17, 8:00 am PT - https://aka.ms/PowerAppsMonthlyCall (monthly)
• Microsoft Identity Platform call | Thursday, August 18, 9:00 am PT - https://aka.ms/IDDevCommunityCalendar (monthly)
• Microsoft 365 platform call | Tuesday, September 6, 8:00 am PT – https://aka.ms/m365-dev-call (weekly)

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 - 28th of July 2022