Viva Connections & SharePoint Framework Community Call – 10th of February, 2022
Viva Connections & SharePoint Framework bi-weekly community call recording from February 10th 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 15th of February @ 8 AM PT
- Latest news from Microsoft engineering on Microsoft 365 topics
- Tom Moser - Introduction to Information Protection Policy APIs
- Harshit Kumar - Latest on Cloud Hybrid Search (SSA) & Graph connectors
- Sébastien Levert - Using the MGT Get Component in your solutions
- Q&A
- Register for training events this quarter hosted by Sharing is Caring. Next week: Power Platform Samples – First Time Contributor – Monday, February 14th, 1pm PST, More than Code with VSCode – Tuesday, February 15th, 2pm PST, and Maturity Model Practitioners – Tuesday, February 15th, 7am PST
- Register for the PnP Recognition Program.
- SharePoint Framework 1.14 RC is now available! Latest SharePoint Framework Road Ahead updates
- Join the updated Microsoft 365 ISV Benefit program – for ISV and SI’s to get help with Microsoft Teams and Microsoft Viva development
- PnP project activities in the last two weeks:
- SharePoint Framework v1.14 RC
- PnPjs – v2.12 and v3.0 releasing February 14th
- CLI for Microsoft 365 v5.0 Preview
- PnP Modern Search – v4.5.4
- 5 new/updated web parts and 1 ACE were delivered in the last two weeks! Your contributions are appreciated by many across the community.
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, v****1.14 RC | GA targeted for mid-February, v1.15 in Spring |
PnPjs Client-Side Libraries | v2.12 GA | v3.0 releasing February 14th. Note: v2.12 is final v2 release |
CLI for Microsoft 365 | v4.3.0 GA, v5.0 Preview | |
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.4, v3.23.0 |
The host of this call is Patrick Rodgers (Microsoft) | @mediocrebowler. 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 – TBS soon
- Community Docs Session – TBS soon
- Power Platform Samples – First Time Contributor – Monday, February 14th, 1pm PST
- PnP – SPFx Developer Workstation Setup – TBS soon
- PnP SPFx Samples – Solving SPFx version differences using Node Version Manager – TBS soon
- First Time Presenter – TBS soon
- More than Code with VSCode – Tuesday, February 15th, 2pm PST
- Maturity Model Practitioners – Tuesday, February 15th, 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
- Document Links Accordion SPFx Web Part – takes information from a list or library, groups by metadata and displays in an interactive way. Resources used: PnP React Controls (Accordion, Carousel, File Picker…) and PnPjs (Fluent API, Batching, Caching…). Configure the web part – select library, content type… Simple, elegant and native appearing UI. Desktop and mobile experience. Powerful as it reuses existing controls to accelerate development and benefits community when shared.
- New Development Containers for SPFx Samples – it is now possible to build and test samples built in any version of SPFx without worrying about dependencies with remote container support in VS Code. Using Docker Desktop and the Remote containers VS Code extension (Preview). Understand the benefits of using containers, and the solution including manifests, certificate trust, rebinding ports. Find out how to tell if sample is supports containers using documentation and more. All SPFx samples being containerized, starting with v1.13, then v1.12 …
- Viva Connections – Consuming SharePoint Online Data in SPFx Adaptive Card Extensions - see 2 simple, quick and powerful examples of how to get and render a list of items from a Microsoft List/SharePoint list either using native SharePoint support in SPFx or using PnPjs into an ACE QuickView card. Key points to remember – ACEs are built on top of SPFx, also can use PnPjs, and data binding works as usual with Adaptive Card syntax.
SPFx extension samples
https://aka.ms/spfx-extensions
- Next call?
SPFx web part samples
- Enhanced Power Apps - Kunj Sangani | @sanganikunj
- Datatables using MUI Tables* - Jeffin Jacob
- Auto Batching Graph calls* - Marcin Wojciechowski | @mgwojciech
- Flow Button* - Takashi Shinohara | @karamem0
- Property Pane Wrap* - Christophe Humbert | @PathToSharePoint
* To be posted soon.
PnP SPFx ACEs
- Monitor Security Risks* - Arijit Mondal
* To be posted soon.
Thank you for your great work. Samples are often showcased in Demos.
Agenda items
- SharePoint Framework - Vesa Juvonen (Microsoft) | @vesajuvonen – 5:12
- PnPjs Client-Side Libraries - Julie Turner (Sympraxis Consulting) | @jfj1997 – 7:35
- CLI for Microsoft 365 - Patrick Rodgers (Microsoft) | @mediocrebowler – 9:07
- PnP SPFx Controls - Patrick Rodgers (Microsoft) | @mediocrebowler – 9:56
- PnP Modern Search - Patrick Rodgers (Microsoft) | @mediocrebowler – 10:56
- PnP SPFx Samples - Hugo Bernier (Tahoe Ninjas) | @bernierh – 12:01
- PnP SPFx ACEs Samples - David Warner II (Catapult Systems) | @DavidWarnerII – 13:42
Demos
- Demo 1: Document Links Accordion SPFx Web Part – David Warner II (Catapult Systems) | @DavidWarnerII & João Mendes (Valo) | @joaojmendes – 15:26
- Demo 2: New Development Containers for SPFx Samples – Hugo Bernier (Microsoft) | @bernierh – 25:02
- Demo 3: Viva Connections – Consuming SharePoint Online Data in SPFx Adaptive Card Extensions – Paolo Pialorsi (PiaSys) | @PaoloPia – 47:38
Resources
Additional resources around the covered topics and links from the slides.
- D1: Sample - Documents Links Accordion
- D1: Tools - Reusable React controls for your SharePoint Framework solutions
- D1: Tools – PnP/PnPjs – https://aka.ms/pnpjs
- D2: Documentation - SharePoint Framework development tools and libraries compatibility
- D2: Site - Get Started with Docker
- D2: VS Marketplace - Visual Studio Code Remote – Containers
- D2: Documentation - VS Code Remote Development | aka.ms/vscode-remote
- D2: Docker Hub - m365pnp/spfx
- D2: Guidance - Opening a sample using a development container | aka.ms/spfx-devcontainer
- D2: Documentation - Set up your SharePoint Framework development environment
- D3: Demo - Viva Connections – Data Binding in SPFx Adaptive Card Extensions – Paolo Pialorsi (PiaSys) | @PaoloPia
- Microsoft 365 PnP Weekly – Episode 152 (February 7th) with Toronto, Ontario, Canada-based Microsoft Cloud Solution Architect and MVP Alum, Hugo Bernier (Microsoft) | @bernierh | video | podcast
- Microsoft 365 PnP Weekly – Episode 151 (January 31st) with UK-based SharePoint developer, architect and MVP, Paul Bullock | @pkbullock | 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 mentioned topics
Upcoming calls | Recurrent invites
- Microsoft 365 platform call – February 15th at 8:00 am PST | https://aka.ms/m365-dev-call
- Power Apps monthly call – February 16th at 8:00 am PST | https://aka.ms/PowerAppsMonthlyCall
- M365 General Dev call – February 17th at 7:00 am PST | https://aka.ms/m365-dev-sig
- Microsoft Identity Platform call – February 17th at 9:00 am PST | https://aka.ms/IDDevCommunityCalendar
- Viva Connections & SharePoint Framework call – February 24th at 7:00 am PST | https://aka.ms/spdev-spfx-call
- Office add-in monthly call – March 9th at 8:00 am PST | https://aka.ms/officeaddinscall
- Adaptive Cards monthly call – March 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 - 11th of February 2022