Viva Connections & SharePoint Framework Community Call – 9th of February, 2023
Vesa Juvonen- 7 minutes to read
- 09 Feb, 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 platform call - Tuesday, February 14, 2023, 8:00 am PT.
- Latest news from Microsoft engineering on the Microsoft 365 topics
- Community together mode group photo
- Demo - Dan Wahlin - Create an Azure Communication Services Resource
- Demo - Sébastien Levert - What’s next for the Microsoft Graph Toolkit!
- Demo - Garry Trinder - Teams Toolkit Learn Path - Get started building apps for Microsoft Teams using Teams Toolkit for Visual Studio Code
- Sharing-Is-Caring training dates in February - aka.ms/sharing-is-caring
- Community Recognition Program badges for 2023 - aka.ms/community/recognition
- New Microsoft Viva learning module – Create Adaptive Card Extensions (ACE) for Microsoft Viva Connections focus on the ACE development - aka.ms/viva/ace/learn
- Agenda set for next Microsoft 365 platform call - Tuesday, February 14, 2023, 8:00 am PT.
- Project releases
- PnPjs Client-Side Libraries – v3.12 (GA) on February 10th
- CLI for Microsoft 365 – v6.2 (GA)
- Microsoft Graph Developer Proxy – v0.4 (preview), v0.5.0 (beta.1)
- SPFx samples
- New - Chat GPT inside SPFx - Nico De Cleyre | @NicoDeCleyre
- Updated - Interactive Map - Azure Application Insights Dashboard - Kinga Kazala | @kinga_kazala
- Conversations
- Microsoft 365 Developer Podcast – Graph Developer Proxy with Waldek Mastykarz and Sebastien Levert (February 5th) | podcast
- Microsoft 365 PnP Weekly – Episode 196 (February 6th) with Austria-based Microsoft AI & M365 Development MVP and Technical Project Lead at Solvion - Stephan Bisser | @stephanbisser | video | podcast
Demos
- Getting started your SPFx form customizer journey with a boilerplate – a modified out-of-box form customizer that will get you up and running in no time. The presenter essentially walks viewers through his form customizer article, UI and code while delivering tips for fine tuning and debugging along with a historical reference. One time saver is the ability to toggle between form customizer, list and Item on form. Works only if running SPFx v1.15 or greater.
- Consuming Search API in Adaptive Card Extension – a way to expose content search almost natively in mobile. In this ACE see implementing the Search API client and exposing the setQuery method, creating an adaptive card with input and search button, creating an adaptive card to present the results (template by João Mendes), and adding navigation events. You can use SharePoint Search API or Graph Search API, use the quickViewNavigator.
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
05:43 – SharePoint Framework – Vesa Juvonen (Microsoft) | @vesajuvonen
07:27 – PnPjs Client-Side Libraries – Patrick Rodgers (Microsoft) | @mediocrebowler
08:57 – CLI for Microsoft 365 – Garry Trinder (Microsoft) | @garrytrinder
11:05 – Microsoft Graph Developer Proxy – Garry Trinder (Microsoft) | @garrytrinder
12:38 – PnP SPFx Controls – Hugo Bernier (Microsoft) @bernierh
13:35 – Viva Connections Toolkit for Visual Studio Code – Vesa Juvonen (Microsoft) | @vesajuvonen
14:06 – PnP Modern Search – Hugo Bernier (Microsoft) @bernierh
14:44 – PnP Samples - Hugo Bernier (Microsoft) | @bernierh
15:47 – PnP SPFx ACEs Samples - David Warner II (Microsoft) | @DavidWarnerII
16:14 – Together mode picture – Vesa Juvonen (Microsoft) | @vesajuvonen
17:17 – Demo – Getting started your SPFx form customizer journey with a boilerplate – Michaël Maillot (onepoint) | @michael_maillot
35:50 – Demo – Consuming Search API in Adaptive Card Extension – Marcin Wojciechowski (Valo) | @mgwojciech
48:30 – Closing
Together Mode
Wait, wait, wait! Here we go, now wave, wave, wave. Thank you for joining in the fun during today’s community call. Hope to see you again soon.
Actions
- Opt into the PnP Recognition Program | aka.ms/m365pnp-recognition
- Help shape the Microsoft Community Advisory Board priorities for the next six months by completing survey - Microsoft Community Insights - January 2023 | aka.ms/CommunityInsightsJan23
- Register for upcoming Sharing is Caring events:
- Maturity Model Practitioners | Tuesday, February 21st, 7am PST – Download reoccurring invite
- Power Platform Samples Contributor | Thursday, February 23rd, 9:00am PT | 12:00pm ET - 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
- Getting started your SPFx form customizer journey with a boilerplate
- Documentation - Build your first Form Customizer extension
- Article - [SPFx] Form Customizer Boilerplate
- Repo - spfx-form-boilerplate
- Controls - Dynamic Form
- Demo - Episode #223 - Advanced SPFx Form Customizers with DynamicForm | Paolo Pialorsi (PiaSys.com) @paolopia
- Consuming Search API in Adaptive Card Extension
- Sample - primary-text-card-search
- npm Package - MGWDEV M365 Helpers
- Code snippet - sp-browser-utils
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 - Q1, 2023 |
| PnPjs Client-Side Libraries | v3.12 (GA), v2.13 (GA) | v 3.12 to be released Feb 10th 2023 |
| CLI for Microsoft 365 | v6.2 (GA), v5.9.0 GA | |
| Microsoft Graph Developer Proxy | v0.4 (preview), v0.5.0 (beta.1) | |
| Reusable SPFx React Controls | v3.12.0 (GA), v2.9.0 | |
| Reusable SPFx React Property Controls | v3.11.0 (GA), v2.7.0 | |
| Viva Connections Toolkit for VS Code | v0.3.2 (preview) | |
| PnP SPFx Generator | v1.16.0 | v1.17.0 on the way |
| PnP Modern Search | v4.7.0 (GA), v4.8.0 (beta), 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, February 14, 8:00 am PT – https://aka.ms/m365-dev-call (weekly)
- Power Platform monthly call | Wednesday, February 15, 8:00 am PT - https://aka.ms/PowerAppsMonthlyCall (monthly)
- Microsoft 365 General Dev call | Thursday, February 16, 7:00 am PT - https://aka.ms/m365-dev-sig (bi-weekly)
- Microsoft Identity Platform call | Thursday, February 16, 9:00 am PT - https://aka.ms/IDDevCommunityCalendar (monthly)
- Viva Connections & SharePoint Framework call | Thursday, February 23, 7:00 am PT - https://aka.ms/spdev-spfx-call (bi-weekly)
- Office add-in monthly call | Wednesday, March 8, 8:00 am PT - https://aka.ms/officeaddinscall (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 - 9th of February 2023