Viva Connections & SharePoint Framework Community Call – 30th of June, 2022
Vesa Juvonen- 7 minutes to read
- 01 Jul, 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
- Reusable SPFx React Controls – v3.8.1(GA) – Fixed: LivePersona not showing card on hover
- Web part samples
- Page Navigator - Jasey Waegebaert | @JWaegebaert
- Staff Directory - Milan Holemans | milanholemans
- Microsoft 365 Developer Podcast (June 28th) - PowerShell and Azure AD with Merill Fernando | podcast
- Microsoft 365 PnP Weekly – Episode 172 (June 27th) with by Colorado, US based Architect, Developer and MVP at DMI - Beau Cameron | @Beau__Cameron | video | podcast
- Microsoft 365 PnP Weekly – Episode 171 (June 20th) with Germany based Teams/Power Apps Consultant, Partner Manager, MVP at Valo Solutions - Edyta Gorzon | @EdytaGorzon | video | podcast
Demos
- Building custom accordion Tabs experience with rich text experiences – this web part allows users to create and manage content laid out in tabbed or accordion format for both desktop and mobile. Switch between views using Property Field Collection Data and edit content with tinyMCE Rich Text Editor for SharePoint Online. Uses Custom Accordion components and Custom Tab components included in the code. Also uses primary colors and themes from host site.
- Using Microsoft Graph Profile API in SPFx for awards web part experience – shows user profile and awards courtesy of the recently released beta Microsoft Graph profile endpoint. Awards is an example of new information (skills, projects, languages…) you can attach to a user’s profile using Graph. Sample shows title, description, badge and link to more information about award. See using Postman to add an award. Uses the me endpoint to get list of awards.
- Adaptive Cards Extensions strategy pattern for multi-action QuickView – with complex ACE’s, handling many conditional quick view onActions (many if action.id statements), can seriously complicate code. Example scenario – exposing news items with next and previous actions, options to like and comment, and the ability to post news in a Teams channel. Move from many onActions to a single action with refactoring. See how acions are handled/combined by the ActionExecutor!
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 – 5:35
- PnPjs Client-Side Libraries - Julie Turner (Sympraxis Consulting) | @jfj1997 – 7:24
- CLI for Microsoft 365 - Patrick Rodgers (Microsoft) | @mediocrebowler – 9:27
- PnP SPFx Controls - Patrick Rodgers (Microsoft) | @mediocrebowler – 11:18
- PnP Modern Search - Patrick Rodgers (Microsoft) | @mediocrebowler – 11:55
- PnP Samples - Hugo Bernier (Microsoft) | @bernierh – 12:33
- PnP SPFx ACEs Samples - David Warner II (Microsoft) | @DavidWarnerII – 13:58
- Demo - Building custom accordion Tabs experience with rich text experiences – Arun Kumar Perumal (Wipro) | @arun_perumal16 – 15:36
- Demo - Using Microsoft Graph Profile API in SPFx for awards web part experience – Luis Mañez (ClearPeople) | @luismanez – 24:49
- Demo - Adaptive Cards Extensions strategy pattern for multi-action QuickView – Marcin Wojciechowski (Valo) | @mgwojciech – 32:38
Actions
- Opt into the PnP Recognition Program | aka.ms/m365pnp-recognition
- Register for upcoming Sharing is Caring events:
- Writing for the Web | Monday, July 11th, 10am PT | 1pm ET | 7pm CET - Register
- Power Platform Samples Contributor | Wednesday, July 20th, 10am PST | 1pm EST - 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.
- 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 custom accordion Tabs experience with rich text experiences
- Using Microsoft Graph Profile API in SPFx for awards web part experience
- Documentation - profile resource type
- Sample - My Awards
- Adaptive Cards Extensions strategy pattern for multi-action QuickView
- Sample - ace-strategy-pattern
- Wikipedia - Strategy pattern
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 RC | v1.16 preview late July/early August, v1.16 GA September |
| PnPjs Client-Side Libraries | v2.13 GA, v3.4.0 GA | v3.5 GA to be released July 8th, nightly builds |
| CLI for Microsoft 365 | v4.3.0 GA, v5.4.0 preview | |
| Reusable SPFx React Controls | v3.8.1, 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.7.0 preview, v3.23.0 | June 2022 release (soon) |
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
- M365 General Dev call | Thursday, July 7, 7:00 am PT - https://aka.ms/m365-dev-sig (bi-weekly)
- Office add-in monthly call | Wednesday, July 13, 8:00 am PT - https://aka.ms/officeaddinscall (monthly)
- Viva Connections & SharePoint Framework call | Thursday, July 14, 7:00 am PT - https://aka.ms/spdev-spfx-call (bi-weekly)
- Adaptive Cards monthly call | Thursday, July 14, 9:00 am PT - https://aka.ms/adaptivecardscommunitycall (monthly)
- Power Platform monthly call | Wednesday, July 20, 8:00 am PT - https://aka.ms/PowerAppsMonthlyCall (monthly)
- Microsoft Identity Platform call | Thursday, July 21, 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 - 1st of July 2022