Viva Connections & SharePoint Framework Community Call – 8th of September, 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, September 6th, 8:00 am PT.
- Latest news from Microsoft engineering on Microsoft 365 topics
- Monthly community contributors
- Rabeb Othmani - Microsoft Graph Postman - Scripts and advanced functionality
- Ayca Bas - Build productivity tabs with Microsoft Teams Toolkit for Visual Studio
- Bob German - Introduction to app camp
- Project releases
- SharePoint Framework (SPFx) – v1.16 (public developer preview)
- PnPjs Client-Side Libraries – v3.7.0 (GA)
- CLI for Microsoft 365 – v5.7.0 (GA)
- PnP Modern Search – v4.7.0 (GA)
- SPFx Samples
- New - List Form - Rosa Alice | alicelupsan
- Updated - Copy Views - Martin Lingstuyl | @martinlingstuyl
- New - Script Editor – salascz
- New - PnPjs Sample – Julie Turner | @jfj1997
- Updated - Group Membership Manager - Nick Brown | @techienickb
- Updated - Add Form Customizer to List - Siddharth Vaghasia | @siddh_me
- Microsoft 365 PnP Weekly – Episode 177 (September 5th) with UK-based Kevin McDonnell, Head of Practice Modern Workplace at CPS, Microsoft MVP (Office Apps & Services) | @kevmcdonk | video | podcast
- Microsoft 365 PnP Weekly – Episode 176 (August 29th) with Netherlands-based Daniel Laskewitz, Microsoft Senior Cloud Developer Advocate – Power Platform | @laskewitz | video | podcast
- Huge thanks for Patrick Rodgers on his last call hosting today (for now).
- This was his last time hosting the call as recurrent host based on his personal request. Patrick started this call back in February 2016 as weekly call as first spin-off from the monthly Office 365 Patterns and Practices community call - see the historical blog post announcement from https://devblogs.microsoft.com/microsoft365dev/introducing-office-dev-pnp-office-hours-and-interest-groups/.
- This was few months before Microsoft announced #SPFx as the new extensibility model for SharePoint Online, so we could not yet talk about the details, but started to push the community towards the right direction. As we started to have gradually bit more structure in our community initiative, call then transformed to be a bi-weekly call on Thursdays later 2016.
- It’s hard to calculate the exact number of the calls Patrick has hosted, but it’s somewhere around 100-120 overall calls with conservative estimate. Each call has have on average around 150 attendees, which will sum up overall >15.000 live attendees in the calls hosted by Patrick.
- Thank you Patrick on the hosting of these calls. You have provided help and smiles for thousands of people all around the world and sparked countless of ideas for products or pushed people forward on their career. You’ve had undoubtedly massive impact on the success of Microsoft 365 platform all up, but more importantly you’ve had direct impact on countless people’s careers and day to day life. It’s been a pleasure to work with you on these calls. 🧡
- Patrick is not going to disappear from the community topics, but rather wanted to provide other people the opportunity to host the call. So starting from next Viva & SPFx call, we’ll have a larger team of MVPs and Microsoft employees who have volunteered to host the call.
Demos
- Building polished form experiences with SPFx form customizer – working back from the final UI to the code behind the scenes, see how to create a custom form component. Steps include create a list or library structure using content types, create a Form Customizer extension project using SPFx, configure and debug, deploy solution to App Catalog, and finally associate the custom component to the content type. This capability is available only using SPFx v1.15.
- Building SPFx solution with Azure Communication Services integration – see how pre-built ACS composite chat component is used in a SPFx web part sample called RoomChat built by João Mendes. After an overview of ACS, create a Communications Service. Visit the ACS UI Library (sandbox) – and pick up a chat component. Step through core code elements of the web part. Use property panes or SharePoint Online tenant properties for storing information used by your web part.
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 – Vesa Juvonen (Microsoft) | @vesajuvonen – 6:47
- PnPjs Client-Side Libraries - Julie Turner (Sympraxis Consulting) | @jfj1997 – 8:54
- CLI for Microsoft 365 - Garry Trinder (CPS Solutions) | @garrytrinder – 10:40
- PnP SPFx Controls - Patrick Rodgers (Microsoft) | @mediocrebowler – 13:07
- PnP Modern Search - Patrick Rodgers (Microsoft) | @mediocrebowler – 13:53
- PnP Samples - Hugo Bernier (Microsoft) | @bernierh – 14:25
- PnP SPFx ACEs Samples - David Warner II (Microsoft) | @DavidWarnerII – 16:01
- Demo – Building polished form experiences with SPFx form customizer – Ejaz Hussain (Content & Cloud) | @ EjazHussain_ – 17:36
- Demo – Building SPFx solution with Azure Communication Services integration – Hugo Bernier (Microsoft) | @bernierh – 30:25
Actions
- Opt into the PnP Recognition Program | aka.ms/m365pnp-recognition
- Register for upcoming Sharing is Caring events:
- Join us in-person in the Power Platform Samples Contributor session at the Microsoft Power Platform Conference in Orlando, FL, September 20-22, 2022
- 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
- Building polished form experiences with SPFx form customizer
- Documentation - Getting Started with SPFx Form Customizer
- Repo - cc-formcustomizer-playground
- Documentation - Build your first Form Customizer extension (preview)
- Building SPFx solution with Azure Communication Services integration
- Documentation - What is Azure Communication Services?
- Tools – ACS UI Library | aka.ms/acsstroybook
- Sample - Room Chat
- Documentation - SharePoint Online tenant properties
- ACS Quick Start - Get started with the calling hero sample
Thank you for your great work. Samples are often showcased in Demos.
Open-source project status
PnP Project | Current version | Release/Status |
---|---|---|
SharePoint Framework (SPFx) | v1.15.2 GA, v1.16 (Preview) | v1.16 (GA) end of 2022, v1.17 Preview December/January |
PnPjs Client-Side Libraries | v3.7.0 GA, v2.13 GA | |
CLI for Microsoft 365 | v4.3.0 GA, v5.7.0 GA, v5.7 beta | v6.0.0 ETA November 2022 |
Reusable SPFx React Controls | v3.10.0, v2.9.0 (SPFx v1.11) | Supports SPFx v1.15.2 |
Reusable SPFx React Property Controls | v3.9.0, v2.7.0 (SPFx v1.11) | Supports SPFx v1.15.2 |
PnP SPFx Generator | v1.16.0 | v1.17.0 on the way |
PnP Modern Search | v4.7.0 (GA), v3.23.0 (GA) |
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
Upcoming calls | Recurrent invites
- Microsoft 365 platform call | Tuesday, September 13, 8:00 am PT – https://aka.ms/m365-dev-call (weekly)
- Office add-in monthly call | Wednesday, September 14, 8:00 am PT - https://aka.ms/officeaddinscall (monthly)
- Microsoft 365 General Dev call | Thursday, September 15, 7:00 am PT - https://aka.ms/m365-dev-sig (bi-weekly)
- Microsoft Identity Platform call | Thursday, September 15, 9:00 am PT - https://aka.ms/IDDevCommunityCalendar (monthly)
- Microsoft 365 platform call | Tuesday, September 20, 8:00 am PT – https://aka.ms/m365-dev-call (weekly)
- Power Platform monthly call | Wednesday, September 21, 8:00 am PT - https://aka.ms/PowerAppsMonthlyCall (monthly)
- Viva Connections & SharePoint Framework call | Thursday, September 22, 7:00 am PT - https://aka.ms/spdev-spfx-call (bi-weekly)
- Adaptive Cards monthly call | Thursday, October 13, 9:00 am PT - https://aka.ms/adaptivecardscommunitycall (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 - 8th of September 2022