SharePoint Framework Community Call -- 12th of August, 2021
SharePoint Framework Special Interest Group (SIG) bi-weekly community call recording from August 12th 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 and Fall community call schedule updates reviewed. Register today for August events on Sharing-is-caring. PnP Recognition Program announced. Viva Connections public developer preview! SharePoint Framework v1.13 beta released a few weeks back with preview on the Viva Connections mobile experiences support. Released PnPjs Client-Side Libraries v2.8.0 and CLI for Microsoft 365 v3.13.0 Preview. **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 beta PnPjs Client-Side Libraries v2.8.0 v3.0.0 developments underway CLI for Microsoft 365 v3.13.0 Preview, v4.0.0 Preview v4.0.0 to release this fall 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.3.0 & v3.21.0
There were 4** PnP web part samples** delivered in the last 2 weeks as well. Nice work! The host of this call is Patrick Rodgers (Microsoft) | @mediocrebowler. Q&A takes place in chat throughout the call.
Actions
- Add to your calendar - **Microsoft 365 platform call ** | https://aka.ms/m365-dev-call (Weekly call starting 31st of August)
- Opt in to PnP Recognition Program | https://aka.ms/m365pnp-recognition
- 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 – August 25th
- Ask me anything – Recognition Program – September 7th
- Ask me anything – Script Samples – September 14th
- Ask Me Anything – Power Platform Development & Samples – September 28th
- First Time Presenter – August 30th
- More than Code with VSCode – TBS
- Maturity Model Practitioners – August 17th 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
Executive room reservation tool for Microsoft Teams and Viva Connections built with SPFx - app for booking limited rooms by authorized users. See app in Teams and then view the ACE (Adaptive Card Extension) cards with deep links to other Teams apps, in the Viva Connections Dashboard. ACE cards can be targeted to specific users. Look at code for CardView, QuickVew, Card State, button actions and at how data is accessed and merged with template.
My Lists Notifications SPFx extensions – this application extension allows a user to receive activity notifications from selected lists or libraries – i.e., add/delete/modify document in library, approval completed, etc. Easily view and clear notifications. Updates screen only when there is new notification. Uses Socket.io service courtesy of Microsoft Graph to manage list subscriptions and notifications and then uses getListActivities to get particulars on the activity.
Using OneDrive Apps folder to save user’s preferences cross-device – an SPFx web part for saving user settings or preferences (i.e., dark/light theme, temporary secrets, etc.) in the OneDrive Apps folder. Web part calls Microsoft Graph API. Preference changes made in any of the user’s devices are reflected in other devices. Step through the code.
SPFx extension samples: (https://aka.ms/spfx-extensions)
- No samples
SPFx web part samples: (https://aka.ms/spfx-webparts)
- HTML Templating - Fabio Franzini | @franzinifabio
- Telephone Directory – mrkhandev
- Accordion Dynamic Sections - Ari Gunawan | @AriGunawan3023
- Fluent UI Theme Variant - Fabio Franzini | @franzinifabio
Thank you for your great work. Samples are often showcased in Demos.
Agenda items
- SharePoint Framework - Vesa Juvonen (Microsoft) @vesajuvonen - 6:31
- PnPjs Client-Side Libraries - Julie Turner (Sympraxis Consulting) @jfj1997 – 9:13
- CLI for Microsoft 365 - Patrick Rodgers (Microsoft) @mediocrebowler – 10:54
- PnP SPFx Controls - Patrick Rodgers (Microsoft) @mediocrebowler – 11:31
- PnP Modern Search - Patrick Rodgers (Microsoft) @mediocrebowler – 12:04
- PnP SPFx Samples - Hugo Bernier (Tahoe Ninjas) | @bernierh – 12:39
Demos
Demo: Executive room reservation tool for Microsoft Teams and Viva Connections built with SPFx – Julie Turner (Sympraxis Consulting) | @jfj1997 & Derek Cash-Peterson** **(Sympraxis Consulting) | @spdpc – 15:52
Demo: My Lists Notifications SPFx extensions – Hugo Bernier** **(Microsoft) | @bernierh & João Mendes (Storm Technology) | joaojmendes – 30:53
Demo: Using OneDrive Apps folder to save user’s preferences cross-device – Giuliano De Luca | @delucagiulian
[–][ 46:04]
Resources
Additional resources around the covered topics and links from the slides.
Samples - SharePoint Framework sample solutions for Microsoft Teams
Get Started – Adaptive Cards
Demo – COVID Self Attestation Demo delivered in SharePoint Framework Community Call – 15th of July, 2021
Sample - My Lists Notifications
Article - MY LISTS NOTIFICATIONS
YouTube Channel - Giuliano De Luca
Blog - Giuliano De Luca
General resources
Viva Connections https://aka.ms/VivaConnections
Tools - Teams Toolkit (v2.2 Preview)
Microsoft Build sessions guide (Modern Work Digital Brochure) - aka.ms/modernworkbuildsessions
SharePoint Framework - v1.12.1 npm install –g @microsoft/generator-sharepoint@next
Sharing is Caring | aka.ms/sharing-is-caring
M365 PnP site | aka.ms/m365pnp
New Microsoft 365 Patterns and Practices (PnP) team model with new community leads
Microsoft 365 Community Content (non-Dev docs)
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
Documentation - PnPjs v2 documentation
Link - Office 365 Developer Program
Found an issue with SharePoint Dev? - please let us know at https://aka.ms/spdev-issues
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
- Power Apps monthly call – August 18th at 8:00 am PDT | https://aka.ms/PowerAppsMonthlyCall
- M365 General Dev call – August 19th at 7:00 am PDT | https://aka.ms/m365-dev-sig
- Microsoft Identity Platform – August 19th at 9:00 am PDT | https://aka.ms/IDDevCommunityCalendar
- SharePoint Framework call – August 26th at 7:00 am PDT | https://aka.ms/spdev-spfx-call
- Microsoft 365 platform – August 31st at 8 AM PDT | https://aka.ms/m365-dev-call (Starts from the 31st of August as weekly cycle)
- Office add-in monthly call – September 8th at 8:00 am PDT | https://aka.ms/officeaddinscall
- Adaptive Cards monthly call – September 9th at 9:00 am PDT | https://aka.ms/adaptivecardscommunitycall
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 - 13th of August 2021