Viva Connections & SharePoint Framework Community Call – 18th of May, 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
- Agenda set for next Microsoft 365 & Power Platform weekly call - Tuesday, May 23rd, 8:00 am PT.
- Latest news from Microsoft engineering on Microsoft 365 topics
- DC Padur & Hanbing Wang – Updates to the Microsoft Graph beta API for SharePoint Pages
- Diksha Upadhyay – Multi-geo support for site discovery with Microsoft Graph
- Event - HackTogether: The Microsoft Teams Global Hack (June 1 – 15, 2023) | aka.ms/hack-together-teams
- Agenda set for next Microsoft 365 & Power Platform weekly call - Tuesday, May 23rd, 8:00 am PT.
- Shows and Events
- Upcoming Community Days Events - aka.ms/communitydays
- Project releases
- SharePoint Framework (SPFx) – v1.17.2 (GA)
- PnPjs Client-Side Libraries – v3.15 (GA)
- CLI for Microsoft 365 – v6.8 (beta)
- Viva Connections Toolkit for VS Code – v0.5.2 (GA)
- Conversations
Demos
- Introduction to updated SharePoint Starter Kit v3 – this latest technology demonstrator solution was released 2 months ago. Kit consolidates SharePoint dev and provisioning into one piece. Full bundle of capabilities includes webparts, extensions, library, PnP and customizable SharePoint provisioning templates for sites, pages, content + documentation. Uses SPFx v1.16.1, Fluent UI, PnPjs v3.11. Normalized coding approaches. Integrations with related products. Stand up an example site in less than 10 minutes. All open-source.
- Creating custom SPFx components for Microsoft Viva Connections for Education – targeting the student persona. Viva Connections for Education (student’s digital home dashboard with cards for resource access, student-teacher connections, and more), EDU specific code samples (tuition fees, library loans, book a space, internships, scholarships), Adoption Toolkit (Best practices for Viva Connections Adoption, Day in a life for a student using VCE, Communication templates and documentation) what’s next?
- SPFx framework at Microsoft - Accelerator Domain Models – understand the “SPFx Solution Accelerator” framework by going deep into the Rhythm of the Business Calendar sample app to see patterns and practices for building enterprise-class apps on SharePoint. This accelerator, inspired by Domain Driven Design, has evolved since SPFx v1.0. Today’s focus is on “Entities” (including class, relationships, validation, categories and states) and the implementation of a rich entity domain model for your application.
The host of this call is Hugo Bernier (Microsoft) @bernierh. Q&A takes place as always in chat throughout the call.
Agenda items
00:00 – Intro – Hugo Bernier (Microsoft) | @bernierh
06:05 – SharePoint Framework – Vesa Juvonen (Microsoft) | @vesajuvonen
08:12 – PnPjs Client-Side Libraries – Beau Cameron (Aerie Consulting) | @beau_cameron
09:48 – CLI for Microsoft 365 – Garry Trinder (Microsoft) | @garrytrinder
10:49 – Microsoft Graph Developer Proxy – Garry Trinder (Microsoft) | @garrytrinder
11:51 – PnP SPFx Controls – Alex Terentiev (Microsoft) | @alexaterentiev
12:49 – Viva Connections Toolkit for Visual Studio Code – Vesa Juvonen (Microsoft) | @vesajuvonen
15:09 – PnP Modern Search – Hugo Bernier (Microsoft) | @bernierh
15:31 – Together mode picture
16:38 – Demo – Introduction to updated SharePoint Starter Kit v3 – Eric Overfield (PixelMill) | @EricOverfield
28:34 – Demo – Creating custom SPFx components for Microsoft Viva Connections for Education – Jethro Seghers (Microsoft) | @jseghers
38:30 – Demo – SPFx framework at Microsoft - Accelerator Domain Models – Daniel Turley (Avanade)
57:12 – Closing
Together Mode
Thanks everybody for joining the call today. Smiles, waves and even orange shirts yes! Great seeing you. Perhaps we will see each other at ECS next week.
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:
- Maturity Model Practitioners | Tuesday, June 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.
- Download the recurrent invite for this call | https://aka.ms/spdev-spfx-call
Demo references
- Introduction to updated SharePoint Starter Kit v3
- Repo - SharePoint Starter Kit v3
- Repo - SharePoint Starter Kit v3 (tree)
- Creating custom SPFx components for Microsoft Viva Connections for Education
- Zip file – Viva Connections for Education Adoption Guide | aka.ms/VCEAdoptionToolkit
- Documentation - Overview of Viva Connections for Education | aka.ms/VCE
- Repo - Viva Connection Adaptive Card Extensions (ACEs) sample repository | aka.ms/spfx-aces
- SPFx framework at Microsoft - Accelerator Domain Models
- Sample - Rhythm of Business Calendar
- Sample - SPFx Solution Accelerator Deep Dive
- AppSource - Rhythm of Business Calendar
- Documentation – Entities
Thank you for your great work. Samples are often showcased in Demos.
Open-source project status
PnP Project | Current version | Release/Status |
---|---|---|
SharePoint Framework (SPFx) | v1.17.2 (GA) | |
PnPjs Client-Side Libraries | v3.15 (GA) | |
CLI for Microsoft 365 | v6.8 (beta) | |
Microsoft Graph Developer Proxy | v0.7 (Preview) | v0.8 to be released May 31 |
Reusable SPFx React Controls | v3.14.0 (GA), v2.9.0 | |
Reusable SPFx React Property Controls | v3.13.0 (GA), v2.7.0 | |
Viva Connections Toolkit for VS Code | v0.5.2 (GA) | |
PnP SPFx Generator | v1.16.0 | v1.17.0 on the way |
PnP Modern Search | v4.8.0 (GA), v3.23.0 (GA) |
Links in this call
- Microsoft 365 & Power Platform community videos - aka.ms/community/videos
- LinkedIn group for discussions and updates - aka.ms/community/Li
- Open-source assets –
- github.com/pnp
- github.com/officedev
- github.com/sharepoint
- github.com/microsoftgraph
- Unified Sample gallery - aka.ms/community/samples
- Product sample galleries
- aka.ms/teams-samples
- aka.ms/spfx-webparts
- aka.ms/spfx-extensions
- aka.ms/powerplatform-samples
- aka.ms/list-formatting
- One place for Open-source initiatives and samples - aka.ms/community/home
- Microsoft 365 & Power Platform community calls - aka.ms/community/calls
- Community call agendas - aka.ms/community/meetup
- Request to Present - aka.ms/community/request/demo
- Invite (ics) for the Microsoft 365 & Power Platform call - aka.ms/community/ms-speakers-call-invite
- Learn how to get started in the open-source PnP community! – aka.ms/sharing-is-caring
- Community Recognition Program – aka.ms/community/recognition
- Project Specific
- SharePoint Framework
- Release notes - learn.microsoft.com/sharepoint/dev/spfx/roadmap
- Repo - github.com/SharePoint/sp-dev-docs
- PnPjs Client-side Libraries
- Repo/Docs – pnp.github.io/pnpjs
- nightly builds – npm install @pnp/sp@v3nightly –save
- CLI for Microsoft 365
- Repo – github.com/cli-microsoft365
- CLI community on Discord aka.ms/cli-m365/discord
- Twitter @climicrosoft365
- Documentation - aka.ms/cli-m365/
- Microsoft Graph Developer Proxy – aka.ms/graph/proxy/download
- Reusable SPFx Controls
- Release notes - pnp.github.io/sp-dev-fx-property-controls/about/release-notes/
- Documentation - sharepoint.github.io/sp-dev-fx-property-controls
- Twitter - @M365PnPControls
- React Property Controls –
- Release notes - pnp.github.io/sp-dev-fx-property-controls/about/release-notes/
- Documentation - sharepoint.github.io/sp-dev-fx-controls-react
- Twitter - @M365PnPControls
- Viva Connections Toolkit for Visual Studio Code
- Repo - aka.ms/viva/vscode
- PnP Modern Search
- Documentation - aka.ms/pnp-search
- Repo - github.com/microsoft-search/pnp-modern-search/releases
- SharePoint Framework
- All community calls – aka.ms/community/calls
- Feedback on this call - aka.ms/community/calls/feedback
- Follow us on Twitter for updates - @m365pnp, and @Microsoft365Dev
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
Upcoming calls | Recurrent invites
- Microsoft 365 platform call | Tuesday, May 23, 8:00 am PT - https://aka.ms/m365-dev-call (weekly)
- Microsoft 365 & Power Platform Dev call | Thursday, May 25, 7:00 am PT - https://aka.ms/m365-dev-sig (bi-weekly)
- Viva Connections & SharePoint Framework call | Thursday, June 1, 7:00 am PT - https://aka.ms/spdev-spfx-call (bi-weekly)
- Office add-in monthly call | Wednesday, June 14, 8:00 am PT - https://aka.ms/officeaddinscall (monthly)
- Microsoft Identity Platform call | Thursday, June 15, 9:00 am PT - https://aka.ms/IDDevCommunityCalendar (monthly)
- Power Platform monthly call | Wednesday, June 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 - 18th of May 2023