SharePoint Framework Special Interest Group (SIG) bi-weekly community call recording from November 5th 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:
The latest project releases include CLI for Microsoft 365 v3.2 and Reusable SPFx React Property Controls – v2.1.1. Additionally, there are updates on 10 PnP SPFx Samples – 1 extension and 9 web parts. The release of SPFx v1.12 is tentatively being scheduled to occur before the end of calendar year 2020. The immediate focus for SPFx v1.12 is on increased access to page structure and context to avoid DOM dependencies as well as on supporting complex Microsoft Teams solutions. Call-to-Action: Please share scenarios in which you have been forced to do DOM injection. Explain why. Please think with Microsoft about ways to accomplish the same objective without DOM injections. More contributor training dates have been added on the Sharing-is-caring site – dates listed below. The host of this call is Patrick Rodgers (Microsoft) @mediocrebowler. Q&A takes place in chat throughout the call.
Looks like a good show! Pass the popcorn. Thanks for joining us today.
Actions:
- Register for a First Time Contributor Session – November 10th & 16th (EMEA, APAC & US friendly times available)
- Register for a Community Docs Session – November 18th (2 session times)
- Register for Using PnP SPFx Samples w/NVM – November 11th & 26th
- Soliciting Comments – Tell us about DOM dependencies in your SharePoint solutions | https://github.com/SharePoint/sp-dev-docs/issues/6380
- SharePoint Monthly community call – November 10th – Recurring Invite
Demos:
- PnP Field File Type field customizer reusable control – this demo is about the FieldFileTypeRenderer re-usable control found in the PnP React Controls toolbox. This control renders a document or folder icon based on the file path. The icons rendered are often more indicative of file type/source than standard icons denoting file/folder type. This control can be used in both Field Customizers and custom lists. Uses Office UI Fabric icons font.
- Implementing a World Clocks web part – this sample extends the single World time clock sample to include multiple clocks. Clocks change color by time indicating day, evening, night. Clocks and values for multiple locations in the SharePoint list. Time calculated using a custom formula. Reusable controls – React Analog Clock and React Clock (digital). Uses PnPjs today, Microsoft Graph in future. Order clocks and toggle to render on-page.
- Outlook add-in with SPFx to save attachments to SharePoint using Microsoft Graph – within the user’s Microsoft Outlook environment, this SPFx web part displays e-mail attachments for opened e-mail along with the user’s OneDrive folders into which the user may save selected mail attachments (< 4MB & > 4MB). Usage in a tenant requires Mail.Read and Files.ReadWrite permissions on Microsoft Graph. This capability complements Markus Möller’s Sample that copies e-mail to Teams or OneDrive folder.
- File Type Renderers (TODO) – Alex Terentiev | @alexaterentiev
SPFx web part samples: (https://aka.ms/spfx-webparts)
- PnPjs Explorer – Abderahman Moujahid
- Security Grid – Russell Gove | @russgove
- Content Query Web Part – Abderahman Moujahid
- Graph Calendar – Abderahman Moujahid
- FAQ App – Abderahman Moujahid
- Graph Calendar – Sébastien Levert | @sebastienlevert
- Workbench Customizer – Joel Rodrigues | @joelfmrodrigues
- Carousel – Don Kirkham | @donkirkham
- Word Game – Don Kirkham | @donkirkham
As you are aware, samples are often showcased in Demos. Thank you for your great work.
Agenda items:
- Latest updates on SharePoint Framework – Vesa Juvonen (Microsoft) | @vesajuvonen – 7:19
- Office 365 CLI – Patrick Rodgers (Microsoft) | @mediocrebowler – 9:53
- SPFx reusable controls – Alex Terentiev (Sharepointalist) | @alexaterentiev – 10:53
- PnP SPFx Samples – Hugo Bernier (Tahoe Ninjas) | @bernierh – 11:39
Demos :
- PnP Field File Type field customizer reusable control – Alex Terentiev (Sharepointalist) | @alexaterentiev – 14:37
- Implementing a World Clocks web part – Jerry Yasir (DCX Technology) | @jerryyasir – 19:56
- Outlook add-in with SPFx to save attachments to SharePoint using Microsoft Graph – Aakash Bhardwaj (HCL Technologies) | @aakash_316 – 39:30
Resources:
Additional resources around the covered topics and links from the slides.
- The presentation used for this community call
- SPFx Field Controls – FieldFileTypeRenderer control
- Repo – react-field-pnp-file-type-renderer
- Repo – World Clocks Web Part
- NPM – React-Clock
- NPM – Analog-React-clock
- PnP Library – PnPjs
- Repo – React Save Attachments
- Repo – outlook-2-sp-spfx
- PnP Weekly – Episode 103, with guest Darrel Miller (Microsoft) | @darrel_miller | video, podcast
- Guidance on publishing SharePoint Framework solutions to store
- CLI for Microsoft 365 v3
- CodeTour
- Sharing is Caring | aka.ms/sharing-is-caring
- PnP Modern Search | 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
The next meeting is on November 19, 2020
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
- 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 Teams or SharePoint context
You can download recurrent invite from https://aka.ms/spdev-spfx-call. Welcome and join the discussion!
“Sharing is caring”
Microsoft 365 Patterns and Practices team – 6th of November, 2020
