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 http://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 26^th 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.

 

 

Full house today.  Clearly we've outgrow this venue.   Great to see everybody.  See you again soon.   

 

Actions:

 

• Vote: Next SPFx Design Patterns Topic – November 4, 2021
• Register today for Hacktoberfest 2021 – https://hacktoberfest.digitalocean.com
• Register for Microsoft Ignite (Digital event) - November 2-4, 2021- https://ignite.microsoft.com
• Opt in to PnP Recognition Program | https://aka.ms/m365pnp-recognition
• Register for Sharing is Caring Events:
  • First Time Contributor Session – November 3^rd (EMEA, APAC & US friendly times available)
  • Community Docs Session – November 17^th  
  • Power Platform Samples – First Time Contributor - October 27^th  
  • PnP – SPFx Developer Workstation Setup – November 16^th
  • PnP SPFx Samples – Solving SPFx version differences using Node Version Manager – November 30^th  
  • Ask Me Anything (AMA) – PnP PowerShell – October 26^th
  • Ask Me Anything (AMA) - CLI for Microsoft 365 – November 9^th
  • Ask Me Anything (AMA) – PnPjs – November 16^th
  • First Time Presenter – TBS
  • More than Code with VSCode – November 9^th  
  • Maturity Model Practitioners – October 19^th  (every 3^rd Tuesday of month, 7:00am PT)
  • 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:

• 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-click 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) 

 

• Emoji Reactions* - Siddharth Vaghasia | @siddh_me

• My Events – Date Fixed* - Chandani Prajapati | @Chandani_SPD

• React Org Chart – Read Users / Managers* - Tom Daly | @_tomdaly_

• SharePoint News Star Ratings* - Takashi Shinohara | @karamem0

• React Groups – Team Tab Support* - Alison Collins | https://github.com/ReactIntern

  React Documents Accordion* - João Mendes | @joaojmendes

* to be posted soon.

 

PnP SPFx ACEs  https://aka.ms/spfx-aces

 

• Upcoming Events - Zach Roberts | @ZachSPODev

 

Thank you for your great work.  Samples are often showcased in Demos.    

 

Agenda items:

• SharePoint Framework - Vesa Juvonen (Microsoft) | @vesajuvonen – 7:43
• PnPjs Client-Side Libraries - Julie Turner (Sympraxis Consulting) | @jfj1997 – 10:01
• CLI for Microsoft 365 - Patrick Rodgers (Microsoft) | @mediocrebowler – 12:16
• PnP SPFx Controls - Patrick Rodgers (Microsoft) @mediocrebowler – 13:05
• PnP Modern Search - Patrick Rodgers (Microsoft) | @mediocrebowler – 14:01
• PnP SPFx Samples - Hugo Bernier (Tahoe Ninjas) | @bernierh – 14:53
• PnP SPFx ACEs Samples - David Warner II (Catapult Systems) | @DavidWarnerII – 16:17 

 

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.

• D1:  Webpart sample - react-at-a-glance 
• D1:  Sample - News article content at a glance 
• D1:  Video - Getting started on building Microsoft Viva Connection adaptive card components using SPFx 
• D2:  Sample Extension - Share to Teams - Command Set 
• D2:  Documentation - Create Share-to-Teams button 
• D3:  Survey - Next SPFx Design Patterns Topic – November 4, 2021 
• PnP Weekly – Episode 138 (October 11th) with Germany-based Office Apps and Services MVP, consultant, developer Luise Freese | @LuiseFreese and Belgium-based SharePoint/Power Platform developer at Qubix, Carmen Ysewijn | @CarmenYsewijn | video | podcast
• PnP Weekly – Episode 139 (October 18th) with Switzerland based MVP and Head of Solutions at Datalynx AG - André Lage | @aaclage | video | podcast

 

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 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:

• SharePoint dev documentation
• SharePoint dev issue list

 

Upcoming calls | Recurrent invites:  (Subject to Updates in September)

 

• Microsoft 365 platform call – October 26^th at 8:00 am PDT | https://aka.ms/m365-dev-call
• M365 General Dev call – October 28^th at 7:00 am PDT | https://aka.ms/m365-dev-sig
• SharePoint Framework call – November 4^th at 7:00 am PDT | https://aka.ms/spdev-spfx-call
• Office add-in monthly call – November 10^th at 8:00 am PDT | https://aka.ms/officeaddinscall
• Adaptive Cards monthly call – November 11^th at 9:00 am PDT | https://aka.ms/adaptivecardscommunitycall
• Power Apps monthly call – November 17^th at 8:00 am PDT | https://aka.ms/PowerAppsMonthlyCall
• Microsoft Identity Platform call – November 18^th 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
• 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 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

Posted at https://sl.advdat.com/3E9lyBV