Viva Connections & SharePoint Framework bi-weekly community call recording from December 30th is now available from the Microsoft 365 Community YouTube channel at http://aka.ms/m365pnp/videos. You can use SharePoint Framework for building solutions for Microsoft Teams and for SharePoint Online.
Call summary:
- Tune in each Tuesday for the Microsoft 365 platform community call. Next call on the 4th of January @ 8 AM PT
- Latest news from Microsoft engineering on Microsoft 365 topics
- Michael Aldridge – Introduction to Microsoft Teams ISV app monetization capabilities
- Sébastien Levert – Introduction to Microsoft Graph Toolkit control
- Vesa Juvonen – Introduction to new Adaptive Cards samples for Viva Connections Quick View designs
- Register for training events in January - February hosted by Sharing is Caring.
- Register for the PnP Recognition Program.
- The Road Ahead after 1.14 and future
- PnP project activities in the last two weeks – Happy New Year!
- PnPjs client-side libraries - v3.0.0 update
- CLI for Microsoft 365 v4.3 beta update
- Reusable SPFx React Controls v3.5.0 released (support for SPFx v1.13)
- Reusable SPFx React Property Controls v3.3.0 released (support for SPFx v1.13)
- 1 extension, 3 web parts and 1 ACE was delivered in the last two weeks!
Latest project updates include: (Bold indicates update from previous report 2 weeks ago)
| PnP Project | Current version | Release/Status |
| SharePoint Framework (SPFx) | v1.13 GA, v1.14 public developer preview | v1.14.0 beta early January, GA targeted for end of January |
| PnPjs Client-Side Libraries | v2.11.0 GA, v3.0.0 Preview. v 2.12 Delayed |
nightly builds of v3 |
| CLI for Microsoft 365 |
v4.2.0 GA, v4.3 beta |
|
| Reusable SPFx React Controls |
v2.9.0 (SPFx v1.11), v3.5.0 |
3.5.0 supports SPFx v1.13 |
| Reusable SPFx React Property Controls | v2.7.0 (SPFx v1.11), v3.3.0 | 3.3.0 supports SPFx v1.13 |
| PnP SPFx Generator | v1.16.0 | v1.17.0 on the way |
| PnP Modern Search | v4.5.2, v3.23.0 | Release expected by calendar year end |
The host of this call is David Warner II (Catapult Systems) @DavidWarnerII. Q&A takes place as always in chat throughout the call.
Check out the new ship shape seating situation. Perfect for rocketing into the New Year! Hang on, see you soon.
Actions:
- Opt into PnP Recognition Program | https://aka.ms/m365pnp-recognition
- Holiday Break Challenge!!! Choose and update an SPFx sample v1.7, v1.8, v1.9, earn a special Credly badge.
- Register for Sharing is Caring Events:
- Ask me anything (AMA) PnP Search – Tuesday, January 11th, 9am PST
- First Time Contributor Session – Tuesday, January 25th, 2pm PST
- Community Docs Session – 2022 Sessions Coming Soon
- Power Platform Samples – First Time Contributor – Tuesday, January 18th, 1pm PST
- PnP – SPFx Developer Workstation Setup – Tuesday, February 8th, 2pm PST
- PnP SPFx Samples – Solving SPFx version differences using Node Version Manager – Wednesday, January 26th, 7am PST
- First Time Presenter – Wednesday, February 9th, 9am PST
- More than Code with VSCode – Tuesday, February 15th, 2pm PST
- Maturity Model Practitioners – Tuesday, January 18th, 7am PST (every 3rd Tuesday of month, 7:00am PT)
- Getting Started with Viva Connection ACEs (2-part session) – TBS soon
- PnP Office Hours – 1:1 session – Register
- PnP Buddy System – Request a Buddy
- 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
Demos:
-
Viva Connections – Adaptive Card Extension for Microsoft Planner Tasks – this ACE shows all Microsoft Planner tasks (consolidated view) for logged-in user’s associated plans, deep links to specific tasks directly in Planner, and filters tasks based on selected plan. Uses aysnc dropdown property pane field to fetch current user's associated plans and Microsoft Graph to get plans and tasks. Submit action handling in ACE and Quick View, view multiple tasks within a single Adaptive Card.
-
SPFx Design Patterns – Custom Properties (Part 2) - this demo focuses on Property Pane Field types and defining those types. Look at Property Pane fields, helpers, binding, property interface, attributes, indexing attributes, preconfigured/default values and dynamic values. Ways a user can edit a web part – rich text or through properties. Adding methods to first party web parts and defining attributes that enable people to browse, search, subscribe to your web part content.
-
Viva Connections ACEs CardView Types in SharePoint Framework – overview on three ACE CardView types - BaseBasicCardView, BasePrimaryTextCardView and BaseImage CardView. All extensions you create in scaffolding tool rely on these 3 card types and rendering is predefined by Microsoft. Look at properties, capabilities, and code for each type. Essentially BaseBasic (one text field, title and icon), BasePrimary (two text fields, title and icon), BaseImage (one text field, title, icon, image and buttons).
- Show All Entries for Multiple Lines of Text Field Customizer * - Kinga Kazala | @kinga_kazala
* Link to be live soon!
SPFx web part samples: (https://aka.ms/spfx-webparts)
- My Teams - Yves Habersaat | @yhabersaat
- Calendar - Mohammed Amer | @Mohammad3mer
- Taxonomy File Explorer * - Markus Möller (Avanade) | @moeller2_0
- Advanced Page Properties - Abderahman Moujahid | @Abderahman88
* Link to be live soon!
PnP SPFx ACEs https://aka.ms/spfx-aces
- COVID Indicator* - João Mendes | @joaojmendes
* to be posted soon.
Thank you for your great work. Samples are often showcased in Demos.
Agenda items:
- SharePoint Framework - Vesa Juvonen (Microsoft) | @vesajuvonen – 6:32
- PnPjs Client-Side Libraries - David Warner II (Catapult Systems) | @DavidWarnerII – 8:05
- CLI for Microsoft 365 - David Warner II (Catapult Systems) | @DavidWarnerII – 8:45
- PnP SPFx Controls - David Warner II (Catapult Systems) | @DavidWarnerII – 9:17
- PnP Modern Search - David Warner II (Catapult Systems) | @DavidWarnerII – 10:09
- PnP SPFx Samples - Hugo Bernier (Tahoe Ninjas) | @bernierh – 10:38
- PnP SPFx ACEs Samples - David Warner II (Catapult Systems) | @DavidWarnerII – 13:14
Demos:
-
Demo 1: Viva Connections – Adaptive Card Extension for Microsoft Planner Tasks – Ejaz Hussain (Content and Cloud) | @EjazHussain_ – 15:20
-
Demo 2: SPFx Design Patterns – Custom Properties (Part 2) – Hugo Bernier | @bernierh – 26:59
-
Demo 3: Viva Connections ACEs CardView Types in SharePoint Framework – Paolo Pialorsi (PiaSys) | @PaoloPia – 44:30
Resources:
Additional resources around the covered topics and links from the slides.
-
D1: Sample - Planner Tasks
- D2: Demo - SPFx Design Patterns – Custom Properties (Part 1)| Hugo Bernier(Microsoft) | @bernierh, November 4
- D2: Documentation - Make your SharePoint client-side web part configurable
- D2: Documentation - Integrate web part properties with SharePoint
- D3: Blog – Viva blog | aka.ms/viva/blog
- D3: Documentation - Overview of Viva Connections Extensibility | aka.ms/viva/connections/extensibility
- D3: Samples - Viva Connection Adaptive Card Extensions (ACEs) sample repository | aka.ms/spfx-aces
- PnP Weekly – Episode 147 (December 13th) with Munich, Germany-based consultant and MVP, Markus Möller (Avanade) | @Moeller2_0 | video | podcast
- PnP Weekly – Episode 146 (December 6th) with Reykjavik, Iceland-based Consultant and MVP, Derek Cash-Peterson (Sympraxis Consulting) | @Spdcp | video | podcast
General Resources:
- Viva Connections https://aka.ms/VivaConnections
- Archives - Microsoft 365 PnP Weekly - Videos, Podcasts
- Tools - Teams Toolkit (v2.2 Preview)
- 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 http://aka.ms/spdev-issues
- Reusable web part property controls
- Reusable react controls for SharePoint Framework solutions
- Reusable controls webcast
- Office 365 CLI
- 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 – January 4that 8:00 am PST | https://aka.ms/m365-dev-call
- M365 General Dev call – January 6th at 7:00 am PST | https://aka.ms/m365-dev-sig
- Office add-in monthly call – January 12that 8:00 am PST | https://aka.ms/officeaddinscall
- SharePoint Framework call – January 13th at 7:00 am PST | https://aka.ms/spdev-spfx-call
- Adaptive Cards monthly call – January 13th at 9:00 am PST | https://aka.ms/adaptivecardscommunitycall
- Power Apps monthly call – January 19th at 8:00 am PST | https://aka.ms/PowerAppsMonthlyCall
- Microsoft Identity Platform call – January 20th at 9:00 am PST | https://aka.ms/IDDevCommunityCalendar
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
- Office 365 CLI 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 - 31st of December 2021