Viva Connections & SharePoint Framework Community Call -- 30th of December, 2021

Viva Connections & SharePoint Framework Community Call -- 30th of December, 2021

Viva Connections & SharePoint Framework bi-weekly community call recording from December 30th 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

  • 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.

Actions

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).

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

* Link to be live soon!

SPFx web part samples: (https://aka.ms/spfx-webparts)

* Link to be live soon!

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

* to be posted soon. Thank you for your great work.  Samples are often showcased in Demos.    

Agenda items

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.

General resources

Other topics mentioned

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