Viva Connections & SharePoint Framework Community Call – 23rd of March, 2023
Vesa Juvonen- 8 minutes to read
- 23 Mar, 2023
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
- Announcements
- Agenda set for next Microsoft 365 & Power Platform weekly call - Tuesday, March 28th, 8:00 am PT.
- Latest news from Microsoft engineering on Microsoft 365 topics
- Luca Bandinelli, John Nguyen, Alex Terentiev – SPFx v1.17 release - what’s new and what’s there
- Rabeb Othmani – Kiota SDK generator is now available - What you need to know!
- Garry Trinder - Deploy a Microsoft Teams app to Azure using Teams Toolkit for Visual Studio Code
- Community Recognition Program badges for 2023 - aka.ms/community/recognition
- Agenda set for next Microsoft 365 & Power Platform weekly call - Tuesday, March 28th, 8:00 am PT.
- Shows and Events
- Build once, deploy efficiently, connect across Microsoft 365 – Virtual event. March 29, 2023, 9:00AM PST. Register
- Microsoft 365 Conference – May 2 – 4. 2023, Las Vegas – m365Con.com - Register
- Upcoming Community Days Events - aka.ms/communitydays
- Project releases
- SharePoint Framework (SPFx) – v1.17 (Preview)
- CLI for Microsoft 365 – v6.3 (GA)
- Microsoft Graph Developer Proxy – v0.5 (Preview)
- Reusable SPFx React Controls – v3.13.0 (GA)
- Reusable SPFx React Property Controls – v3.12.0 (GA)
- Viva Connections Toolkit for VS Code – v0.4.1 (Preview)
- SPFx samples
- Updated – Birthdays - Valeras Narbutas | @ValerasNarbutas
- Updated – Page Navigator - Abderahman Moujahid | Abderahman88
- New – DevOps Tasks - Takashi Shinohara | @karamem0
- ACE samples
- New – Most Likes Pages - Aimery Thomas | @aimery_thomas
- Conversations
- Microsoft 365 PnP Weekly – Episode 202 (March 20th) with US-based Microsoft MVP and Vice President of Engineering at tyGraph - Corey Roth | @coreyroth | video | podcast
- Power Platform Connections - Power Platform Connections Ep 5 - Stephen Siciliano (March 17th) | video
Demos
- Building advance interactive world map for business information with SPFx – this Interactive Map web part delivers the ability to add custom markers, map layers and has a host of configuration options. “Bing Maps” has few configuration options comparatively speaking. Review creator’s idea and highlights, technology/packages used, demo, and resources. See property pane customization options (add marker, category, update legend) and general settings (define layers, plug-ins, categories). All markers are stored in web part.
- Creating Viva Connections extension with user presence status using Microsoft Graph Presence API and SPFx – an introduction to the Graph Presence API, API methods, presence sessions, presence sessions with SPFx, a setPresence method example, and suggestion to use Graph Explorer to experiment with API. This ACE demonstrates how to use the Presence Graph API endpoints (beta) to set and retrieve a presence status message for a user. Set/update a user’s presence – their availability and a message to viewers.
- Exposing business data in Microsoft 365 using Azure Data API builder and SPFx – integrate a ToDo list into an existing application without writing any code with an open-source tool Microsoft just released called Data API Builder for Azure Database. For a new/existing database, specify a table, and let tool create a REST API or GraphQL endpoint that’s then consumed by your application – an ACE in this case! Step through ACE code for managing security and tasks.
The host of this call is Hugo Bernier (Microsoft) @bernierh. Q&A takes place as always in chat throughout the call.
Agenda items
00:00 – Intro – Hugo Bernier (Microsoft) @bernierh
06:50 – SharePoint Framework – Vesa Juvonen (Microsoft) | @vesajuvonen
08:19 – PnPjs Client-Side Libraries – Hugo Bernier (Microsoft) @bernierh
09:00 – CLI for Microsoft 365 – Garry Trinder (Microsoft) | @garrytrinder
10:34 – Microsoft Graph Developer Proxy – Garry Trinder (Microsoft) | @garrytrinder
12:02 – PnP SPFx Controls – Alex Terentiev (Microsoft) | @alexaterentiev
13:33 – Viva Connections Toolkit for Visual Studio Code – Vesa Juvonen (Microsoft) | @vesajuvonen
14:07 – PnP Modern Search – Hugo Bernier (Microsoft) @bernierh
14:35 – PnP Samples - Hugo Bernier (Microsoft) | @bernierh
15:04 – PnP SPFx ACEs Samples - David Warner II (Microsoft) | @DavidWarnerII
15:39 – Together mode picture – Vesa Juvonen (Microsoft) | @vesajuvonen
16:38 – Demo – Building advance interactive world map for business information with SPFx – Sergej Schwabauer (Aurum GmbH) | @spfxappdev
29:17 – Demo – Creating Viva Connections extension with user presence status using Microsoft Graph Presence API and SPFx – Yves Habersaat (Sword Group) | @yhabersaat
39:44 – Demo – Exposing business data in Microsoft 365 using Azure Data API builder and SPFx – Davide Mauri (Microsoft) | @mauridb & Paolo Pialorsi (PiaSys) | @PaoloPia
56:24 – Closing
Together Mode
The people in this Community are nothing less than awesome! Thanks everyone for joining today’s call.
Actions
- Register for Build once, deploy efficiently, connect across Microsoft 365 – Virtual event. March 29, 2023, 9:00AM PST.
- Request a Demo spot on the call | https://aka.ms/community/request/demo
- Opt into the PnP Recognition Program | aka.ms/m365pnp-recognition
- Register for upcoming Sharing is Caring events:
- Power Platform Samples Contributor | Monday, April 10th, 11:00am PT | 2:00pm ET - Register
- Maturity Model Practitioners | Tuesday, April 18th, 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.
- Download the recurrent invite for this call | https://aka.ms/spdev-spfx-call
Demo references
- Building advance interactive world map for business information with SPFx
- Creating Viva Connections extension with user presence status using Microsoft Graph Presence API and SPFx
- Sample - BasicCard-StatusMessage
- Tool – Graph Explorer | aka.ms/ge
- Exposing business data in Microsoft 365 using Azure Data API builder and SPFx
- Tool - Data API builder for Azure Databases
- Repo - data-api-builder | aka.ms/dab
- Demo - Data API builder and Microsoft 365
- Builder - ace-dab-spfx
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.16.1 (GA), v1.17 (Beta 3) | v1.17 (GA) April 2023 |
| PnPjs Client-Side Libraries | v3.13 (GA) | v3.13 to be released March 17, 2023 |
| CLI for Microsoft 365 | v6.3 (GA), v6.4 (Beta) | |
| Microsoft Graph Developer Proxy | v0.5 (Preview) | v0.6 to be released March 30, 2023 |
| Reusable SPFx React Controls | v3.13.0 (GA), v2.9.0 | |
| Reusable SPFx React Property Controls | v3.12.0 (GA), v2.7.0 | |
| Viva Connections Toolkit for VS Code | v0.4.1 (GA) | |
| PnP SPFx Generator | v1.16.0 | v1.17.0 on the way |
| PnP Modern Search | v4.8.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, March 28, 8:00 am PT – https://aka.ms/m365-dev-call (weekly)
- Microsoft 365 & Power Platform Dev call | Thursday, March 30, 7:00 am PT - https://aka.ms/m365-dev-sig (bi-weekly)
- Viva Connections & SharePoint Framework call | Thursday, April 6, 7:00 am PT - https://aka.ms/spdev-spfx-call (bi-weekly)
- Office add-in monthly call | Wednesday, April 12, 8:00 am PT - https://aka.ms/officeaddinscall (monthly)
- Power Platform monthly call | Wednesday, April 19, 8:00 am PT - https://aka.ms/PowerAppsMonthlyCall (monthly)
- Microsoft Identity Platform call | Thursday, April 20, 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 - 23rd of March 2023