Viva Connections & SharePoint Framework bi-weekly community call recording from April 7th is now available from the Microsoft 365 Community YouTube channel at http://aka.ms/m365pnp/videos. You can use SharePoint Framework for building solutions for Microsoft Teams and for SharePoint Online.
Call summary
- Announcing the official release of the Microsoft 365 Unified Sample Gallery - aka.ms/m365/samples. More than 1000 samples – web parts, extensions, scripts across Microsoft 365 products.
- Next Microsoft 365 platform community call | Tuesday, April 12, 8:00 am PT
- Latest news from Microsoft engineering on Microsoft 365 topics
- Demos
- Building in meeting document signing app for Microsoft Teams – Eoin O'Brien and SaiBhavya Reddy
- Building wellbeing solution with Teams and Viva Connections – Waldek Mastykarz and Anoop Tatti (Content + Cloud)
- Q&A
- Register for training events hosted by Sharing is Caring. Power Platform Samples – First Time Contributor | Monday, April 11, 11:00 am PT - Register today.
- Opt in for the PnP Recognition Program.
- SharePoint Framework updates - The Road Ahead – v1.15. Previews now, GA – June 2022
- PnP project releases in the last two weeks:
- SharePoint Framework (SPFx) – v1.15 (Beta)
- PnPjs Client-Side Libraries – v3.2.0
- PnP Modern Search – v4.6.0
- 1 new ACE sample delivered! Your contributions are greatly appreciated by members of this community.
Latest project updates include
PnP Project | Current Version | Release/Status |
SharePoint Framework (SPFx) | v1.14 GA, v1.15 Beta | v1.15 GA in June 2022 |
PnPjs Client-Side Libraries | v2.13 GA, v3.2.0 GA |
Nightly builds. Note: v2.13 will be the final v2 release |
CLI for Microsoft 365 |
v4.3.0 GA, v5.1 Preview |
|
Reusable SPFx React Controls |
v3.7.2, v2.9.0 (SPFx v1.11) |
|
Reusable SPFx React Property Controls | v3.6.0, v2.7.0 (SPFx v1.11) | |
PnP SPFx Generator | v1.16.0 | v1.17.0 on the way |
PnP Modern Search | v4.6.0, v3.23.0 |
The host of this call is Patrick Rodgers (Microsoft) | @mediocrebowler. Q&A takes place as always in chat throughout the call.
It’s great to see real faces and not just people's name or initials. Thank you for participating in today's call. Hope to see you again soon.
Actions
- Mark your calendar for Microsoft Tech Days - Have a seat with Microsoft 365 developer platform | Thursday, May 5, 2022. Registration and Agenda coming soon.
- Mark your calendar for Microsoft Build, May 24-26, 2022 - Register
- Register for Sharing is Caring Events:
- AMA (Ask me anything) – Viva ACE | Coming Soon
- First Time Contributor Session | TBS soon
- Community Docs Session | TBS soon
- Power Platform Samples – First Time Contributor | Monday, April 11, 11:00 am PT - Register
- 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 | TBS soon
- Maturity Model Practitioners | Tuesday, April 19, 7:00 am PT - Register
- 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
-
Enabling any control to be used in the SPFx property pane with a custom solution – how you can add any control - HTML, MGT, Northstar, PnP to the Property pane. Understand Property Pane Portal Architecture. How controls from library are called into a web part and how the control’s properties are configured in the Property Pane. Install npm property pane host and portal. Create portal - ReactDOM.createPortal(child, container). Push child (control) to container (Property pane).
-
ACE with a card view and multiple quick views to display the M365 (Unified) groups in a tenant – get inside view on building an ACE component with card view and multiple quick views to display M365 (Unified) groups in a tenant of which user is owner or member. Card view button allows user to browse to groups. Quick view shows group details with buttons to visit associated SharePoint/Teams site. Used Basic, Image and Primary card templates. Developed on SPFx v1.13.1
-
Viva Connections ACE as an input form for data and actions – use Quick View in an ACE to collect data. Using the Adaptive Cards JSON syntax/schema, you can request data, define rules to validate collected data, and define actions to submit data. In the Quick View class, you handle the onAction method with custom actions, i.e., view, edit, save, submit, close. Systematically create complex forms in Quick View with the Adaptive Card syntax.
- Extensions
- Web parts
- ACEs
- Hide ACE from User Interaction (Hidable ACE) - Derek Cash-Peterson (Sympraxis Consulting) | @Spdcp
Thank you for your great work. Samples are often showcased in Demos.
Agenda items
- SharePoint Framework - Vesa Juvonen (Microsoft) | @vesajuvonen – 6:49
- PnPjs Client-Side Libraries - Patrick Rodgers (Microsoft) | @mediocrebowler – 8:27
- CLI for Microsoft 365 - Patrick Rodgers (Microsoft) | @mediocrebowler – 9:33
- PnP SPFx Controls - Patrick Rodgers (Microsoft) | @mediocrebowler – 10:42
- PnP Modern Search - Patrick Rodgers (Microsoft) | @mediocrebowler – 11:38
- PnP SPFx ACEs Samples - David Warner II (Microsoft) | @DavidWarnerII – 12:41
- Demos – 14:34
Demos
- Enabling any control to be used in the SPFx property pane with a custom solution – Christophe Humbert | @Path2SharePoint – 14:34
- Tool - NPM packages (property-pane-portal, property-pane-wrap)
- Sample - Property Pane Portal PnP Controls
- Library - @fluentui/react-northstar | aka.ms/fluent-ui
- Controls - Reusable React controls for your SharePoint Framework solutions | aka.ms/pnp-react-controls
- Tools - Microsoft Graph Toolkit Playground | mgt.dev
- ACE with a card view and multiple quick views to display the M365 (Unified) groups in a tenant – Nanddeep Nachan | @NanddeepNachan – 32:37
- Sample - My M365 Groups
- Article - Build ACE for M365 Groups Membership
- Viva Connections ACE as an input form for data and actions – Paolo Pialorsi (PiaSys) | @paolopia – 50:48
- Tools - Schema Explorer | adaptivecards.io/explorer
- Documentation - Adaptive Cards Template Language
- Sample - aces-submit-data
- Sample - aces-actions
Resources
Additional resources around the covered topics and links from the slides.
- Microsoft 365 PnP Weekly – Episode 160 (April 4th) with Bangalore, India based MVP, Arjun Menon (Tata Consultancy Services) | @arjunumenon | video | podcast
- Microsoft 365 PnP Weekly – Episode 159 (March 28th) with Vienna, Austria based Office Development MVP - Stefan Bauer (N8D) | @StfBauer | video | podcast
General Resources
- Viva Connections https://aka.ms/VivaConnections
- Archives - Microsoft 365 PnP Weekly - Videos, Podcasts
- Tools - Teams Toolkit (v2.2 Preview)
- 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 http://aka.ms/spdev-issues
- Reusable web part property controls
- Reusable react controls for SharePoint Framework solutions
- Reusable controls webcast
- Office 365 CLI
- 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, April 12, 8:00 am PT – https://aka.ms/m365-dev-call (weekly)
- Office add-in monthly call | Wednesday, April 13, 8:00 am PT - https://aka.ms/officeaddinscall (monthly)
- M365 General Dev call | Thursday, April 14, 7:00 am PT - https://aka.ms/m365-dev-sig (bi-weekly)
- Adaptive Cards monthly call | Thursday, April 14, 9:00 am PT - https://aka.ms/adaptivecardscommunitycall (monthly)
- Power Apps monthly call | Wednesday, April 20, 8:00 am PT - https://aka.ms/PowerAppsMonthlyCall (monthly)
- Viva Connections & SharePoint Framework call | Thursday, April 21, 7:00 am PT - https://aka.ms/spdev-spfx-call (bi-weekly)
- Microsoft Identity Platform call | Thursday, April 21, 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
- Office 365 CLI 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 - 8th of April 2022
Posted at https://sl.advdat.com/3DZKXirhttps://sl.advdat.com/3DZKXir