Viva Connections & SharePoint Framework Community Call -- 13th of January, 2021

Viva Connections & SharePoint Framework bi-weekly community call recording from January 13th 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 18th of January @ 8 AM PT
  • Latest news from Microsoft engineering on Microsoft 365 topics
  • Dan Wahlin – Show a user’s emails in an ASP.NET Core app with Microsoft Graph
  • Patrick Rodgers – Deep dive on Viva Connections Adaptive Card Extension development
  • Sébastien Levert – Introduction to Microsoft Graph Toolkit control
• Register for training events this quarter hosted by Sharing is Caring  Just added AMA (PnP React Controls) – Feb 22nd and AMA (Graph & MGT) – March 1st
• Register for the PnP Recognition Program.
• SharePoint Framework updates - The Road Ahead after 1.14
• Join the updated Microsoft 365 ISV Benefit program - get help with Microsoft Teams and Microsoft Viva development
• PnP project activities in the last two weeks:
  • CLI for Microsoft 365 v4.3
  • PnP Modern Search v4.5.3
• 8 new/updated web parts and 2 ACEs were delivered in the last two weeks!  Your contributions are greatly appreciated by many.

**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.3.0 GA   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.3, v3.23.0  

The host of this call is Vesa Juvonen (Microsoft) | @vesajuvonen.  Q&A takes place as always in chat throughout the call.

Actions

• Opt into PnP Recognition Program | https://aka.ms/m365pnp-recognition
• Register for Sharing is Caring Events:
  • PnP Sharing is Caring - AMA (Ask Me Anything) - SPFx React Controls – Tuesday, February 22nd, 9am PST
  • PnP Sharing is Caring - AMA (Ask Me Anything) -- Microsoft Graph Toolkit - Tuesday, March 1st, 9am PST
  • First Time Contributor Session – Tuesday, January 25th, 2pm PST
  • Community Docs Session – 2022 Sessions Coming Soon  
  • Power Platform Samples – First Time Contributor – Tuesday, January 18th, 1pm PST
  • PnP – SPFx Developer Workstation Setup – Tuesday, February 8th, 2pm PST
  • PnP SPFx Samples – Solving SPFx version differences using Node Version Manager – Wednesday, January 26th, 7am PST
  • First Time Presenter – Wednesday, February 9th, 9am PST
  • More than Code with VSCode – Tuesday, February 15th, 2pm PST
  • Maturity Model Practitioners – Tuesday, January 18th, 7am PST (every 3rd Tuesday of month, 7:00am PT)
  • Getting Started with Viva Connection ACEs (2-part session) – TBS soon
  • 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

• Building Emoji Rating Web Part with SharePoint Framework – a simple way for employees to give feedback on internal communications (news/article/post) and for managers to view sentiment in report.  Web part uses star-based rating system, captures text comments, stores ratings in SharePoint list, and aligns data to page name.  Configurations – link to list, background colors, ratings text, emoji images, enable/disable comments and count.  Use flow to add web part to page at creation.    

• Introduction to Adaptive Card Extensions (ACEs) for Microsoft Viva Connections – working with State and Properties in ACEs – includes managing interfaces for Properties (Property pane or code) and State (code) used by CardView and QuickViews.  The basic property pane is generated by the SPFx scaffolding tool.  Learn about building functions into ACE component and exposing the functions to your ACEs cards.   See how State is updated only for the active component, if 2 components displayed. 

• SharePoint Framework Design Patterns – Custom Web Part Properties (Part 3) – regarding web part properties and property panes, having a configurable property pane allows you to go from a single-use to a multi-use component with many variations while using same code!  The Quick links web part for example can look very different by changing layout properties - just rendering differences.   Demo focuses on modifications to the getPropertyPaneConfiguration( ) method that contains pages, groups and fields.

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

• Next call

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

• Property Control SVG - Jonah | corkindustry
• Quotes - Yves Habersaat | @yhabersaat
• My Teams - Yves Habersaat | @yhabersaat
• List Search - Alberto Gutierrez Perez | @albertogperez
• NEW: Drag and Drop Followed Sites* - Adam Wójcik | @Adam25858782
• Star Rating - Takashi Shinohara | @karamem0
• Advanced Page Properties - Abderahman Moujahid | Abderahman88
• Follow Documents - André Lage | @aaclage

* Link to be live soon! PnP SPFx ACEs: (https://aka.ms/spfx-aces)

• My Emails* - Siddharth Vaghasia | @siddh_me
• My Groups* - Nanddeep Nachan | nanddeepn

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

Agenda items

• SharePoint Framework - Vesa Juvonen (Microsoft) | @vesajuvonen – 7:30
• PnPjs Client-Side Libraries - Julie Turner (Sympraxis Consulting) | @jfj1997 – 10:09
• CLI for Microsoft 365 - Vesa Juvonen (Microsoft) | @vesajuvonen – 11:17
• PnP SPFx Controls - Vesa Juvonen (Microsoft) | @vesajuvonen – 12:13
• PnP Modern Search - Vesa Juvonen (Microsoft) | @vesajuvonen – 12:55
• PnP SPFx Samples - Hugo Bernier (Tahoe Ninjas) | @bernierh – 13:26
• PnP SPFx ACEs Samples - David Warner II (Catapult Systems) | @DavidWarnerII – 15:47

Demos

• Demo 1:  Building Emoji Rating Web Part with SharePoint Framework – Siddharth Vaghasia | @siddh_me [–][ 17:47]

• Demo 2:  Introduction to Adaptive Card Extensions (ACEs) for Microsoft Viva Connections – Paolo Pialorsi (PiaSys) | @PaoloPia [–][ 31:11]

• Demo 3:  SharePoint Framework Design Patterns – Custom Web Part Properties (Part 3) – Hugo Bernier (Microsoft) | @bernierh [–][ 43:52][ ]

Resources

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

• D1:  Sample - Emoji Ratings 
• D3:  Documentation - Use the Quick Links web part 
• D3:  Documentation - Make your SharePoint client-side web part configurable 
• D3:  Documentation - Integrate web part properties with SharePoint 
• D3[:  ]Previous demos from Hugo Bernier[ (Microsoft) | @bernierh,][ on SPFx Design Patterns series]
  • SPFx Design Patterns – Custom Properties (Part 2) – 30 December
  • SPFx Design Patterns – Custom Properties (Part 1) – 4 November
  • SPFx Design Patterns – Property Panes - 21 October
• PnP Weekly – Episode 148 (January 9th) with Belgium-based Power Platform Architect and Business Applications MVP, Carmen Ysewijn (Qubix) | @CarmenYsewijn | 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 https://aka.ms/spdev-issues

• Reusable web part property controls

• Reusable react controls for SharePoint Framework solutions

• Reusable controls webcast

• CLI for Microsoft 365

• PnP SPFx Yeoman Generator - Extends the out-of-the-box experience with open-source community capabilities

• SharePoint Dev UserVoice - for new feature requests

Other topics mentioned

• SharePoint dev documentation

• SharePoint dev issue list **Upcoming calls | Recurrent invites:  **

• Microsoft 365 platform call – January 18th at 8:00 am PST | https://aka.ms/m365-dev-call

• Power Apps monthly call– January 19th at 8:00 am PST | https://aka.ms/PowerAppsMonthlyCall

• M365 General Dev call – January 20th at 7:00 am PST | https://aka.ms/m365-dev-sig

• Microsoft Identity Platform call – January 20th at 9:00 am PST | https://aka.ms/IDDevCommunityCalendar Viva Connections & SharePoint Framework call – January 27th at 7:00 am PST | https://aka.ms/spdev-spfx-call

• Office add-in monthly call – February 9th at 8:00 am PST | https://aka.ms/officeaddinscall

• Adaptive Cards monthly call –February 10th** **at 9:00 am PST | https://aka.ms/adaptivecardscommunitycall

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 - 14th of January 2022