Viva Connections & SharePoint Framework Community Call – 19th 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 24, 8:00 am PT | aka.ms/m365-dev-call
- Latest news from Microsoft engineering on Microsoft 365 topics
- Monthly community contributors
- Demo - Corina Strein & Vesa Juvonen- Introduction to Microsoft Viva ISV benefits program
- Keynote - Satya Nadella - Build 2022 Keynote Watch Party – starts half past the hour
- Project releases
- PnPjs Client-Side Libraries v3.3.2 GA
- CLI for Microsoft 365 v5.3.0 beta
- Microsoft 365 PnP Weekly – Episode 166 (May 16th) with US-based Principal PM Lead, DevDiv, VS extensions - Pierce Boggan (Microsoft) | @pierceboggan | video | podcast
- Microsoft 365 PnP Weekly – Episode 165 (May 2nd) Finland-based software architect and Office Developer MVP Laura Kokkarinen (Sulava) | @LauraKokkarinen | video | podcast
Demos
- Building Office Locations Viva Connections Adaptive Card Extension with SPFx – Office locations ACE. See configuring this ACE with multiple card views showing the details of the geographically distributed offices for an organization. Key solution properties: Multiple data sources (local properties, taxonomy, or SharePoint list), Bing and Google for maps, PnP JS v3, OpenWeather API to get weather, Temporal API to get local time, Geolocation action type and Caching. Uses new Show location action.
- Using Adaptive Cards Designer control from the PnP control gallery in SPFx solutions – see the new control to be included in the next version of the PnP Reusable React controls library. The control simplifies the use of Designer inside a SPFx web part. Essentially, the Host renders a single Adaptive Card in a web part and on the selected Adaptive Card now is a superimposed button ‘Open Designer’ that brings up the new and SPFx optimized, Designer control.
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:44
- PnPjs Client-Side Libraries - Julie Turner (Sympraxis Consulting) | @jfj1997 – 8:42
- CLI for Microsoft 365 - Patrick Rodgers (Microsoft) | @mediocrebowler – 10:39
- PnP SPFx Controls - Patrick Rodgers (Microsoft) | @mediocrebowler – 11:36
- PnP Modern Search - Patrick Rodgers (Microsoft) | @mediocrebowler – 12:38
- PnP SPFx ACEs Samples - David Warner II (Microsoft) | @DavidWarnerII – 13:15
- Demo - Building Office Locations Viva Connections Adaptive Card Extension with SPFx – Anoop Tatti (Content+Cloud) | @anooptells – 15:10
- Demo - Using Adaptive Cards Designer control from the PnP control gallery in SPFx solutions – Fabio Franzini (Apvee Solutions) | @franzinifabio – 35:31
Actions
- Register for Microsoft Build | May 24-26, 2022
- Add to your Build schedule - the Innovation Keynote with Jeff Teper – Innovate with collaborative apps and low code and other sessions | aka.ms/m365/build22
- Opt into the PnP Recognition Program | aka.ms/m365pnp-recognition
- Register for upcoming Sharing is Caring events:
- Power Platform Samples Contributor | Tuesday, May 31, 9:30 am PT - Register
- Writing for the Web | Thursday, June 23, 12pm PT | 3pm ET | 9pm CET - Register
- Writing for the Web | Monday, June 27, 10am PT | 1pm ET | 7pm CET - 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
- Building Office Locations Viva Connections Adaptive Card Extension with SPF
- Sample - Office locations
- Demo - Getting started on building Microsoft Viva Connection adaptive card components using SPFx – Patrick Rodgers (Microsoft) | @mediocrebowler
- Ignite session - Get started with Microsoft Viva Connections Extensibility | aka.ms/CONLL112
- YouTube Channel - PiaSys Tech Bites
- Documentation - Location capabilities in Adaptive Card Extension
- Overview - JavaScript Temporal API Cheatsheet
- Using Adaptive Cards Designer control from the PnP control gallery in SPFx solutions
- Tools – Adaptive Cards | adaptivecards.io/
- SPFx Controls - Adaptive Card Host
- Samples - Adaptive Card Host control
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.14 GA, v1.15 Beta | v1.15 GA in June 2022 |
PnPjs Client-Side Libraries | v2.13 GA, v3.3.2 GA | Nightly builds. |
CLI for Microsoft 365 | v4.3.0 GA, v5.3.0 beta | |
Reusable SPFx React Controls | v3.8.0, v2.9.0 (SPFx v1.11) | |
Reusable SPFx React Property Controls | v3.7.0, v2.7.0 (SPFx v1.11) | |
PnP SPFx Generator | v1.16.0 | v1.17.0 on the way |
PnP Modern Search | v4.6.1, v3.23.0 |
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, May 24, 8:00 am PT – https://aka.ms/m365-dev-call (weekly)
- M365 General Dev call | Thursday, May 26, 7:00 am PT - https://aka.ms/m365-dev-sig (bi-weekly)
- Viva Connections & SharePoint Framework call | Thursday, June 2, 7:00 am PT - https://aka.ms/spdev-spfx-call (bi-weekly)
- Office add-in monthly call | Wednesday, June 8, 8:00 am PT - https://aka.ms/officeaddinscall (monthly)
- Adaptive Cards monthly call | Thursday, June 9, 9:00 am PT - https://aka.ms/adaptivecardscommunitycall (monthly)
- Power Platform monthly call | Wednesday, June 15, 8:00 am PT - https://aka.ms/PowerAppsMonthlyCall (monthly)
- Microsoft Identity Platform call | Thursday, June 16, 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 - 19th of May 2022