SharePoint Framework Special Interest Group (SIG) bi-weekly community call recording from July 29th 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:
Summer and Fall community call schedule updates reviewed. Register today for August events on Sharing-is-caring. PnP Recognition Program announced. Viva Connections public developer preview! SharePoint Framework v1.13 beta released earlier this week with preview on the Viva Connections extensibility tooling.
Latest project updates include: (Bold indicates update from previous report 2 weeks ago)
PnP Project | Current version | Release/Status |
SharePoint Framework (SPFx) | v1.12.1, v1.13 beta | v1.13.0 Beta end of July |
PnPjs Client-Side Libraries | v2.7.0 |
2.8.0 scheduled for Aug 13, v3.0.0 developments underway |
CLI for Microsoft 365 | v3.12.0 Preview, v4.0.0 Preview | v4.0.0 to release this fall |
Reusable SPFx React Controls | v2.8.0 (SPFx v1.11), v3.2.1 (SPFx v1.12.1) | |
Reusable SPFx React Property Controls | v2.7.0 (SPFx v1.11), v3.2.0 (SPFx v1.12.1) | |
PnP SPFx Generator | v1.16.0 | v1.17.0 on the way |
PnP Modern Search | v4.3.0 & v3.21.0 |
There was 1 PnP SPFx extension and 4 PnP web part samples delivered in the last 2 weeks as well. Nice work! The host of this call is Patrick Rodgers (Microsoft) | @mediocrebowler. Q&A takes place in chat throughout the call.
Yep! Nice wave action. Great seeing you this week. Looking forward to seeing you again in August. Data for Hugo: 24 left-handed wavers, 4 right-handed wavers, 2 bi-handed wavers and 4 non-handed wavers. But wait, now there's 35 wavers! Data corruption.
Actions:
Demos:
Hero Web Part and Tiles V2 Web Part – Tiles v2 – displays a group of responsive flex tiles that can be configured to navigate to different URLs. REACT Hero – provides a customizable Hero webpart that displays 5 images in a stand-alone carousel view. Both web parts use a stored collection from PnP PropertyFieldCollectionData control and custom field rendering control, file/icon pickers and fluid flex layout. Site theme selectable in Tiles v2. Thorough code walkthrough.
Exposing business data in Viva Connections or in SharePoint with custom diagram web parts – or in Microsoft Teams. React diagraming web parts updated to v1.13. Updates accommodate Dynamic Data Connections, full bleed, handling section color changes, Viva Connections, and to search content in web part. Web parts leverage libraries/code from Mermaid, flowchart.js, and js-sequence-diagrams along with the Monaco Editor and PnP markdown property pane to both generate diagrams and to overlay text on them.
SPFx web part samples: (https://aka.ms/spfx-webparts)
Thank you for your great work. Samples are often showcased in Demos.
Agenda items:
Demos:
Demo: Hero Web Part and Tiles V2 Web Part – Omar El-Anis | @omarelanis – 18:12
Demo: Exposing business data in Viva Connections or in SharePoint with custom diagram web parts – Hugo Bernier (Microsoft) | @bernierh – 41:12
Resources:
Additional resources around the covered topics and links from the slides.
Omar’s blog – SP Bytes
Sample - Hero web part
Sample - Tiles V2
Controls – PropertyFieldCollectionData control
Hugo’s Repo - React Diagram Web Parts
Tool - About Mermaid
Library - js-sequence-diagrams
Tool – flowchart.js
Editor – Monaco Editor
PnP/SPFx-property-controls - PropertyPaneMarkdownContent control
PnP/SPFx-controls-react - Placeholder control
General Resources:
Other mentioned topics:
Upcoming calls | Recurrent invites:
PnP SharePoint Framework Special Interest Group bi-weekly calls are targeted at anyone who is interested in the JavaScript-based development towards Microsoft Teams, SharePoint Online, and also on-premises. SIG calls are used for the following objectives.
“Sharing is caring”
Microsoft 365 PnP team, Microsoft - 29th of July 2021
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.