Viva Connections & SharePoint Framework Community Call – 25th of August, 2022

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

• Project releases
  • CLI for Microsoft 365 – v5.7.0 (Beta)
  • Reusable SPFx React Controls – v3.10.0 (GA)
  • Reusable SPFx React Property Controls – v3.9.0 (GA)
• ACE samples
  • Shared Graph client (with batching) - Marcin Wojciechowski | @mgwojciech
• Microsoft 365 PnP Weekly – Episode 175 (August 22nd) with by Redmond-based Principal Software Engineer for Microsoft Graph - Gavin Barron (Microsoft) | @gavinbarron | video | podcast
• Microsoft 365 PnP Weekly – Episode 174 (August 15th) with by Oslo Norway based Power Platform Architect Lead and MVP at Avanade - Ahmad Najjar | @ahmadn82 | video | podcast

Demos

• Using the Microsoft Graph education endpoints in SPFx to create a my assignments web part – while using Assignments capability in Microsoft Teams for Education, you may want to render an aggregated list of assignments in SharePoint. That’s now possible using the My Assignments web part carefully explained here. Learn about the education related APIs in Microsoft Graph. EDU specific end points shown: /education/me, /ms/joinedTeams, /education/me/classes, /education/me/assignments. Review API permissions, caching service, refresh technique and capability limitations. Requires Education tenant.
• Getting started on building custom list form experiences with SharePoint Framework – a new feature (extension) introduced in SPFx v1.15 for customizing the form experience of a list. Focus on 3 behaviors – create, view and edit items in a list. Render one or more behaviors on a form. Starting with required tools, create a SPFx extension project, review provisioned components/code, 2 MUST use methods, overriding behaviors, creation and rendering options and finally deploying a form to production.

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

Agenda items

• SharePoint Framework – Vesa Juvonen (Microsoft) | @vesajuvonen – 8:31
• PnPjs Client-Side Libraries - Julie Turner (Sympraxis Consulting) | @jfj1997 – 10:49
• CLI for Microsoft 365 - Garry Trinder (CPS Solutions) | @garrytrinder – 12:28
• PnP SPFx Controls - Alex Terentiev (Microsoft) | @alexaterentiev – 15:05
• PnP Modern Search - Vesa Juvonen (Microsoft) | @vesajuvonen – 16:52
• Latest Search Episodes 216 -219 from Paolo Pialorsi (PiaSys) | @paolopia
• PnP SPFx ACEs Samples - David Warner II (Microsoft) | @DavidWarnerII – 17:36
• Demo – Using the Microsoft Graph education endpoints in SPFx to create a my assignments web part – Tony Philips (Cloud Design Box) | @TonyMSTeams – 19:41
• Demo – Getting started on building custom list form experiences with SharePoint Framework – Waldek Mastykarz (Microsoft) | @waldekm – 37:36

Actions

• Opt into the PnP Recognition Program | aka.ms/m365pnp-recognition
• Register for upcoming Sharing is Caring events:
  • Writing for the Web | Tuesday, September 6th, 9:30am PT | 12:30pm ET | 6:30pm CET - Register
  • Maturity Model Practitioners | Tuesday, September 20th, 7am PST - Register
  • 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.
• 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

Demo references

• Using the Microsoft Graph education endpoints in SPFx to create a my assignments web part
  • Repo - My Assignments Web Part by Cloud Design Box
  • Documentation - Education API overview
  • Documentation - Overview of School Data Sync
  • Documentation - Assignments in Teams for Education
• Getting started on building custom list form experiences with SharePoint Framework
  • Documentation - Build your first Form Customizer extension (preview)

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 General Dev call | Thursday, September 1, 7:00 am PT - https://aka.ms/m365-dev-sig (bi-weekly)
• Microsoft 365 platform call | Tuesday, September 6, 8:00 am PT – https://aka.ms/m365-dev-call (weekly)
• Viva Connections & SharePoint Framework call | Thursday, September 8, 7:00 am PT - https://aka.ms/spdev-spfx-call (bi-weekly)
• Adaptive Cards monthly call | Thursday, September 8, 9:00 am PT - https://aka.ms/adaptivecardscommunitycall (monthly)
• Office add-in monthly call | Wednesday, September 14, 8:00 am PT - https://aka.ms/officeaddinscall (monthly)
• Microsoft Identity Platform call | Thursday, September 15, 9:00 am PT - https://aka.ms/IDDevCommunityCalendar (monthly)
• Power Platform monthly call | Wednesday, September 21, 8:00 am PT - https://aka.ms/PowerAppsMonthlyCall (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 - 25th of August 2022