Viva Connections & SharePoint Framework Community Call – 6th of April, 2023

Call summary

Welcome to the bi-weekly call focused on Microsoft 365 client-side development. In this call, we focus on using Viva Connections and SharePoint Framework to build solutions for Microsoft Teams and SharePoint Online.

New this week

• Announcements
  • Announcing new SharePoint Framework 1.17 Version
  • Agenda set for next Microsoft 365 & Power Platform weekly call - Tuesday, April 11th, 8:00 am PT.
    • Latest news from Microsoft engineering on Microsoft 365 topics
    • Ayca Bas & Garry Trinder – Announcing Teams toolkit cloud skill challenge
    • John Miller – Introduction to Microsoft Teams Toolkit v5 - New features and capabilities
    • Houssem Ayadi – Hack together winner - Using Microsoft Graph and Azure Form Recognizer for optimize productivity
  • Community Recognition Program badges for 2023 - aka.ms/community/recognition
• Shows and Events
  • Microsoft 365 Conference – May 2 – 4. 2023, Las Vegas – m365Con.com - Register
  • Upcoming Community Days Events - aka.ms/communitydays
• Project releases
  • SharePoint Framework (SPFx) – v1.17 (GA)
  • CLI for Microsoft 365 – v6.5 (Beta)
  • Microsoft Graph Developer Proxy – v0.6 (Preview)
• SPFx samples
  • Updated – Field Item Order - Valeras Narbutas (Macaw) | @ValerasNarbutas
  • New – Weather Application Customizer - Rishabh Shukla | rishabhshukla12
  • Updated – RSS Reader - Abderahman Moujahid | Abderahman88
  • Updated – Azure DevOps Tasks - Takashi Shinohara | @karamem0
  • Updated – Dynamic Accordion - FAQ Builder - Valeras Narbutas (Macaw) | @ValerasNarbutas
  • New – IFramePanel Control - Valeras Narbutas (Macaw) | @ValerasNarbutas
  • Updated – Pages Hierarchy - ruslan-s
• Conversations
  • Microsoft 365 PnP Weekly – Episode 204 (April 3rd) with by Sweden-based Microsoft MVP and CTO at Rencore - Erwin van Hunen | @erwinvanhunen | video | podcast
  • Microsoft 365 Developer Podcast – Partner showcase: Syskit with Hrvoje Bagaric (April 3rd) | podcast
  • Power Platform Connections - Power Platform Connections Ep 7 - Dian Taylor (March 31st) | video
  • Power Platform Connections - Power Platform Connections Ep 8 - Hugo Bernier (April 6th) | video

Demos

• A SharePoint document generator as Microsoft 365 app with SPFx – with this Microsoft 365 SPFx app, generate template-based Offer documents with custom meta data from within Teams, Outlook, Office, and SharePoint. The “Offer Creation” app shows up in the Add Apps menu within M365 products because it was installed as a personal app in Microsoft Teams. Templates created from M365 apps are stored in the same “Offerings” document library. Review key code elements and configuration.
• Productivity Studio: SPFx accelerators used in Microsoft to speed up SPFx development cycle – after getting grounded on what is the open-source SPFx Solution Accelerator and its features, step though Rhythm of the Business (RoB) Calendar app sample built with the accelerator to highlight the features, functions and code. The SPFx web part app helps users to manage a team’s events and can be added to SharePoint site or as a Teams tab.

The host of this call is Paolo Pialorsi (PiaSys.com) @paolopia. Q&A takes place as always in chat throughout the call.

Agenda items

00:00 – Intro – Paolo Pialorsi (PiaSys.com) @paolopia

06:33 – SharePoint Framework – Vesa Juvonen (Microsoft) | @vesajuvonen

08:07 – PnPjs Client-Side Libraries – Julie Turner (Sympraxis Consulting) | @jfj1997

10:40 – CLI for Microsoft 365 – Garry Trinder (Microsoft) | @garrytrinder

12:49 – Microsoft Graph Developer Proxy – Garry Trinder (Microsoft) | @garrytrinder

13:32 – PnP SPFx Controls – Paolo Pialorsi (PiaSys.com) @paolopia

14:55 – Viva Connections Toolkit for Visual Studio Code – Paolo Pialorsi (PiaSys.com) @paolopia

15:51 – PnP Modern Search – Paolo Pialorsi (PiaSys.com) @paolopia

17:04 – PnP Samples - Hugo Bernier (Microsoft) | @bernierh

18:17 – PnP SPFx ACEs Samples - David Warner II (Microsoft) | @DavidWarnerII

18:33 – Together mode picture – Vesa Juvonen (Microsoft) | @vesajuvonen

19:41 – Demo – A SharePoint document generator as Microsoft 365 app with SPFx – Markus Möller (Avanade) | @Moeller2_0

35:46 – Demo – Productivity Studio: SPFx accelerators used in Microsoft to speed up SPFx development cycle – Daniel Turley (Avanade)

49:49 – Closing

Together Mode

Thank you everybody and/or their avatar representative, once again for joining the call and participating in Together Mode. Hope to see you in person at a conference near you this Spring.

Actions

• Request a Demo spot on the call | https://aka.ms/community/request/demo
• Opt into the PnP Recognition Program | aka.ms/m365pnp-recognition
• Register for upcoming Sharing is Caring events:
  • Power Platform Samples Contributor | Monday, April 10th, 11:00am PT | 2:00pm ET - Register
  • Maturity Model Practitioners | Tuesday, April 18th, 7am PST – Download reoccurring invite
  • PnP Office Hours – 1:1 session | Register
  • PnP Buddy System | Request a Buddy
• Register for the Microsoft 365 Developer Program and get a free developer tenant
• Get started with free training modules covering Microsoft 365 platform capabilities.
• Visit the Microsoft 365 Unified Sample Solution Gallery from Microsoft and community.
• Download the recurrent invite for this call | https://aka.ms/spdev-spfx-call

Demo references

• A SharePoint document generator as Microsoft 365 app with SPFx
  • Article – A SharePoint document generator as Microsoft 365 app II (SPFx)
  • Article – A user configured Teams personal app with SPFx web part
  • Sample - Offer Creation
  • Documentation - Extend Outlook and Office with the SharePoint Framework
  • Demo - Extend Microsoft Teams apps across Microsoft 365 (Outlook and Office) - Markus Möller (Avanade) | @Moeller2_0
• Productivity Studio: SPFx accelerators used in Microsoft to speed up SPFx development cycle
  • Sample - Rhythm of Business Calendar
  • Sample Documentation - SPFx Solution Accelerator Deep Dive
  • AppSource - Rhythm of Business Calendar

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

Open-source project status

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 mentioned topics

• SharePoint dev documentation
• SharePoint dev issue list

Upcoming calls | Recurrent invites

• Microsoft 365 platform call | Tuesday, April 11, 8:00 am PT - https://aka.ms/m365-dev-call (weekly)
• Office add-in monthly call | Wednesday, April 12, 8:00 am PT - https://aka.ms/officeaddinscall (monthly)
• Microsoft 365 & Power Platform Dev call | Thursday, April 13, 7:00 am PT - https://aka.ms/m365-dev-sig (bi-weekly)
• Power Platform monthly call | Wednesday, April 19, 8:00 am PT - https://aka.ms/PowerAppsMonthlyCall (monthly)
• Viva Connections & SharePoint Framework call | Thursday, April 20, 7:00 am PT - https://aka.ms/spdev-spfx-call (bi-weekly)
• Microsoft Identity Platform call | Thursday, April 20, 9:00 am PT - https://aka.ms/IDDevCommunityCalendar (monthly)

About

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 - 6th of April 2023