SharePoint Framework Community Call -- 21st of October, 2021

SharePoint Framework Community Call -- 21st of October, 2021

SharePoint Framework Special Interest Group (SIG) bi-weekly community call recording from October 21st is now available from the Microsoft 365 Community YouTube channel at https://aka.ms/m365pnp/videos. You can use SharePoint Framework for building solutions for Microsoft Teams and for SharePoint Online.

Call summary

A reminder to tune in each Tuesday for the new Microsoft 365 platform community call.  Featured topics for the call on October 26th are Getting started with hub associations in SharePoint - building the hub of hubs (Cathy Dew) and Progressive Web Apps and Beyond: Supercharging OneDrive & SharePoint web apps (Andrew Esipov).  The time is now to register for Hacktoberfest 2021.  Register for training events in October – November hosted by Sharing is Caring.   Register for the PnP Recognition Program.    Released SharePoint Framework v1.13 GA with Viva Connections extensibility support, General Availability of Adaptive Card Extensions (ACEs), new Microsoft Teams online developer workbench and more.  PnP project releases out the door are PnPjs Client-Side Libraries v2.10.0 GA v3.0.0 early preview, CLI for Microsoft 365 v4.1.0 Preview, Reusable SPFx React Controls v3.4.0 and PnP Modern Search v4.4.0 Preview.    **Latest project updates include: ** (Bold indicates update from previous report 2 weeks ago) 

PnP Project Current version Release/Status SharePoint Framework (SPFx) v1.13.0 GA v1.14.0 January target PnPjs Client-Side Libraries v2.10.0 GA, v3.0.0 early preview nightly builds of v3 CLI for Microsoft 365 v3.13.0 Preview, v4.0.0 GA, v4.1.0 Preview   Reusable SPFx React Controls v2.9.0 (SPFx v1.11), v3.4.0   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.4.0 Preview, **v4.3.0 & v3.21.0 Release expected any day

Additionally, 1 extension and 6 web part and 1 ACE samples delivered in the last 2 weeks!   Grrrreat!  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.  

Actions

Demos

  • At a Glance Web Part and Viva Adaptive Card Extension – this sample shows a web part and an ACE, that displays the first few sentences of a news article in a carousel on a SharePoint page (desktop or mobile) or in cards in a Viva Connections Dashboard (Card view with deep link to full article).  Control number sentences displayed and display actual, or curator summarized sentences.  Clean code to get articles, to extract sentences, to render.     

  • Share to Teams – SPFx Command Set Extension – from within SharePoint, this extension allows user to 1-select share site pages, files, folders, and list items directly to selected (from dropdown) channels or groups in Microsoft Teams.  A concise 6-step CodeTour familiarizes the viewer with the inner workings of this extension.  Use available scripts to create the Share-to-Teams button.     

  • SPFx Design Patterns - Property Panes are web parts designed specifically to configure affiliated web parts.  Types of property panes and code reviewed in this demo include Single, Accordion (collapsible sections), and Steps (options presented shaped by previous selectins).  Ease of use is a primary design criterion.  When to use/not use a property panes is predicated on directness.  See property pane samples in the SPFx samples repository. 

SPFx extension samples:  (https://aka.ms/spfx-extensions)

  • Animated Progress Bar* - Ari Gunawan | @AriGunawan3023

* to be posted soon. SPFx web part samples:  (https://aka.ms/spfx-webparts)

* to be posted soon. **PnP SPFx ACEs  **https://aka.ms/spfx-aces

Agenda items

Demos

  • D1:  At a Glance Web Part and Viva Adaptive Card Extension – Anoop Tatti (Content+Cloud) | @anooptells [– 18:29]

  • D2:  Share to Teams – SPFx Command Set Extension –  Kunj Sangani (Cognizant) | @sanganikunj [– 33:45]

  • D3:  SPFx Design Patterns Property Panes –  Hugo Bernier (Microsoft) | @bernierh [–][ 40:50]

Resources

Additional resources around the covered topics and links from the slides.

General resources

Other topics mentioned

  • SharePoint dev documentation

  • SharePoint dev issue list Upcoming calls | Recurrent invites:  (Subject to Updates in September)

  • Microsoft 365 platform call – October 26th at 8:00 am PDT | https://aka.ms/m365-dev-call

  • M365 General Dev call – October 28th at 7:00 am PDT | https://aka.ms/m365-dev-sig

  • SharePoint Framework call – November 4th at 7:00 am PDT | https://aka.ms/spdev-spfx-call

  • Office add-in monthly call – November 10th at 8:00 am PDT | https://aka.ms/officeaddinscall

  • Adaptive Cards monthly call –November 11th at 9:00 am PDT | https://aka.ms/adaptivecardscommunitycall

  • Power Apps monthly call– November 17th at 8:00 am PDT | https://aka.ms/PowerAppsMonthlyCall

  • Microsoft Identity Platform call – November 18th at 9:00 am PDT | https://aka.ms/IDDevCommunityCalendar 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.

  • 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 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 - 22nd of October 2021