SharePoint Framework Special Interest Group (SIG) bi-weekly community call recording from September 9th 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.
A reminder to tune in each Tuesday for the new Microsoft 365 platform community call. Don’t forget to sign up and attend training events hosted by Sharing is Caring. Let’s celebrate your work, register for the PnP Recognition Program. SharePoint Framework 1.13 public developer preview - new version of SPFx v1.13 - Beta.20, is out now! Also released as you read this - PnPjs Client-Side Libraries v2.9.0.
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 GA, v1.13 Beta Viva.20|
|PnPjs Client-Side Libraries||v2.9.0||
v3.0.0 developments underway
|CLI for Microsoft 365||v3.13.0 Preview, v4.0.0 Preview||
v4.0.0 GA to release end September
|Reusable SPFx React Controls||
v2.9.0 (SPFx v1.11), v3.3.0 (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||Release expected week of Sept 13th|
Two PnP SPFx samples were delivered in the last 2 weeks as well. There is a new samples repository for Adaptive Card Extensions (ACE) - aka.ms/spfx-aces. Thank you all for your contributions! The host of this call is Patrick Rodgers (Microsoft) | @mediocrebowler. Q&A takes place as always in chat throughout the call.
Thank you everybody for being part of this call, the community, a tweet, a blog post, and the solution to your customer's needs.
Hyperscript Tagged Markup (HTM) Templating – approaches to web part UI development – use a UI framework or use a templating system. Option C: React HTM Templating web part - uses Fluent UI components written in React, no wrapper required. Renders the React control as a template. Essentially JS code evaluated through the Function constructor. Review properties, HTML editing, and code in the demo of this PnP sample.
Modernize your SharePoint Framework projects – see steps to take an existing SPFx project using TSLint and move it over to ESLint and dump IE11 at same time. Install and configure ESLint, and update gulp tasks - effectively telling TypeScript complier to use modern js target and update referenced libraries. Then appreciate Andrew’s ESLint preset for SPFx that automates the update! Bonus - updating yields smaller and faster bundles.
Building advanced image gallery experience with SharePoint Framework – this Lightbox Image Gallery web part, connects to SharePoint document/picture library, handles folders/sub-folders, has breadcrumb navigation, and lightbox-style image browsing. Works with Viva desktop in Microsoft Teams as well. Developed using SharePoint Framework (SPFx) and PnPjs. Code structure is reviewed. From property pane, select document or image library to connect. Demonstrates how with little code and using PnP components, one can deliver an elegant result!
SPFx web part samples: (https://aka.ms/spfx-webparts)
Thank you for your great work. Samples are often showcased in Demos.
Additional resources around the covered topics and links from the slides.
D3: Article - SPFx Lightbox Image Gallery web part, v1.0.0
D3: Repo - SharePoint Lightroom Image Gallery Web Part
D3: Library - PnP/PnPjs
D3: Package - react wrapper for: lightgallery.js
Other mentioned topics:
Upcoming calls | Recurrent invites: (Subject to Updates in September)
“Sharing is caring”
Microsoft 365 PnP team, Microsoft - 10th of September 2021
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.