SharePoint Framework Community Call -- 1st of July, 2021
SharePoint Framework Special Interest Group (SIG) bi-weekly community call recording from July 1st 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
Summer break and community call schedule updates reviewed. Register now for June trainings on Sharing-is-caring. PnP Recognition Program announced.
Join the Viva Connections private preview!
Update on SharePoint Framework v1.13.0 features – extensibility options with Viva Connections, Teams improvements, tooling updates, Store modernization and more. Released PnPjs for Client-side Libraries v2.6.0, CLI for Microsoft 365 v3.11.0 Beta, and PnP Modern Search v4.2.3 & v3.20.0. There were four PnP SPFx web part samples delivered in last 2 weeks. Great work! **Latest project updates include: **
(Bold indicates update from previous report 2 weeks ago)
PnP Project Current version Release/Status SharePoint Framework (SPFx) v1.12.1 v1.13.0 Preview in summer PnPjs Client-Side Libraries v2.6.0 v2.7.0 scheduled for July 9, v3.0.0 developments underway CLI for Microsoft 365 v3.11.0 Beta, **v4.0.0 Preview ** v3.10.0 preview released Reusable SPFx React Controls v2.8.0 (SPFx v1.11), v3.2.1 (SPFx v1.12.1) Reusable SPFx React Property Controls v2.7.0 (SPFx v1.11), v3.2.0 (SPFx v1.12.1) PnP SPFx Generator v1.16.0 v1.17.0 on the way PnP Modern Search v4.2.3 & v3.20.0 July versions in progress
The host of this call is Patrick Rodgers (Microsoft) | @mediocrebowler. Q&A takes place in chat throughout the call.
Actions
- Join on the Viva Connections private preview! | aka.ms/viva/connections/preview/register
- Register for Sharing is Caring Events:
- First Time Contributor Session – August 31st (EMEA, APAC & US friendly times available)
- Community Docs Session – August 23rd
- PnP – SPFx Developer Workstation Setup – August 24th
- PnP SPFx Samples – Solving SPFx version differences using Node Version Manager – July 27th, August 25th
- Ask Me Anything – Teams Dev – July 13th
- First Time Presenter – August 30th
- More than Code with VSCode – July 20th
- Maturity Model Practitioners – July 20th and every 3rd Tuesday of month, 7:00am PT
- PnP Office Hours – 1:1 session - Register
- PnP Buddy System - Request a Buddy
- Download the recurrent invite for this call – https://aka.ms/spdev-spfx-call
Demos
Bringing your custom apps to Viva Connect mobile experience - three graduating levels or views of information and customizability in Viva Connections. Use SPFx to build an Adaptive Card Extension (ACE) that supports 2 views – Card View (level 1 basic information) and Quick View (level 2 more information) and a deep link to a Teams tab (level 3 full information). Future, seamlessly drill down from high level to detail - mobile and desktop experiences.
Copy PnP Search results web part settings – scenario: Many of your pages are based a template page you now need to update. After updating your template page, use this list view command set extension accessed from Pages Library, to copy the settings of the PnP search results web part present on a page to the settings of the PnP search results web part present on other selected pages.
Follow Documents in Modern Workspace with SPFx – many capabilities in 2 related samples – 1 extension, 1 web part. Both accomplish same objective: Easily identify/follow/unfollow a user’s key documents within Tenant and easily open them in Modern Pages (use extension) or Modern Pages and Microsoft Teams (use web part + extension). This solution uses the Out of Box Social functionality "Follow document" and Microsoft Graph queries. Exhaustive feature list by sample.
SPFx extension samples: (https://aka.ms/spfx-extensions)
SPFx web part samples: (https://aka.ms/spfx-webparts)
- Birthdays - Sajal Maity
- Follow Documents - André Lage | @aaclage
- Calendar - Abderahman Moujahid
- Quick Poll - Dipen Shah | @Dips_365
Thank you for your great work. Samples are often showcased in Demos.
Agenda items
- PnPjs Client-Side Libraries - Julie Turner (Sympraxis Consulting) | @jfj1997 – 9:42
- CLI for Microsoft 365 - Patrick Rodgers (Microsoft) | @mediocrebowler – 11:13
- PnP SPFx Controls - Patrick Rodgers (Microsoft) | @mediocrebowler – 12:09
- PnP SPFx Community Yeoman Generator - Patrick Rodgers (Microsoft) | @mediocrebowler – 13:32
- PnP Modern Search - Patrick Rodgers (Microsoft) | @mediocrebowler – 14:35
- PnP SPFx Samples - Hugo Bernier (Tahoe Ninjas) | @bernierh – 15:39
Demos
Demo: Bringing your custom apps to Viva Connect mobile experience – Vardhaman Deshpande (Valo Intranet) | @vrdmn – 19:14
Demo: Copy PnP Search results web part settings – Anoop Tatti (Content and Code) | @anooptells – 31:24
Demo: Follow Documents in Modern Workspace with SPFx – André Lage (Datalynx AG) | @aaclage – 44:26
Resources
Additional resources around the covered topics and links from the slides.
Weparts – PnP Modern Search v4
Extension Repo - Copy PnP search results webpart settings
Control - Animated Dialog
Documentation - Follow documents, sites, and tags by using the REST service in SharePoint
Tool – Graph Explorer
Sample extension - Follow Document
Sample web part – Follow Document
Authoring a Viva Connections Dashboard - Luca Bandinelli (Microsoft) | @BandinelliLuca & John Nguyen (Microsoft) https://youtu.be/-p09L3RRNQ8
PnP Weekly – Episode 132 Vesa Juvonen (Microsoft) | @vesajuvonen, Waldek Mastykarz (Microsoft) | @waldekm were joined by Seattle-based Program Manager from OneDrive and SharePoint (ODSP) engineering - Nicole Woon (Microsoft) | @NovelNicole | video | podcast
Tools - https://aka.ms/teams-toolkit
Register - Register for Viva Connections developer platform updates and private Beta
Viva Connections https://aka.ms/VivaConnections
General resources
- 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
Upcoming Calls | Recurrent Invites
M365 General Dev call – July 8that 7:00 am PDT | https://aka.ms/m365-dev-sig
Adaptive Cards monthly call – July 8th at 9:00 am PDT | https://aka.ms/adaptivecardscommunitycall
Office add-in monthly call – July 14th at 8:00 am PDT | https://aka.ms/officeaddinscall
SharePoint Framework call – July 15that 7:00 am PDT | https://aka.ms/spdev-spfx-call
Microsoft Identity Platform – July 15that 9:00 am PDT | https://aka.ms/IDDevCommunityCalendar
Power Apps monthly call – July 21st at 8:00 am PDT | https://aka.ms/PowerAppsMonthlyCall PnP SharePoint Framework Special Interest Group bi-weekly calls are targeted at anyone who is interested in the JavaScript-based development towards Microsoft Teams, SharePoint Online, and also on-premises. SIG 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 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 - 1st of July 2021