SharePoint Framework Community Call Recording -- 8th of April, 2021
SharePoint Framework bi-weekly community call recording from April 8th 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 Viva, Microsoft Teams and for SharePoint Online.
Call summary
Preview the new Microsoft 365 Extensibility look book gallery – cross platform extensibility. Update on upcoming SharePoint Framework v1.12.1 features, preview, beta and release. Register now for April trainings on Sharing-is-caring. Latest project updates include: PnPjs Client-Side Libraries v2.4.0 release scheduled for April 9, and please provide feedback on v3.0 Hub planning and discussion issues posted - issue 1636 by April 15th. CLI for Microsoft 365 Beta v3.9 delivered. Reusable SPFx React Controls – v2.6.0 and v3.0.0 (on hold for SPFx v1.12.1) and Reusable SPFx React Property Controls – v2.5.0 and v3.0.0 (on hold for SPFx v1.12.1). PnP SPFx Generator v1.16.0 (Angular 11 supported), PnP Modern Search v3.19 to be released shortly and v4.1.0 released March 20th. There were eight PnP SPFx web part samples delivered last 2 weeks. Great work! The host of this call is Patrick Rodgers (Microsoft) @mediocrebowler. Q&A takes place in chat throughout the call.
- Register for both:
community at: https://aka.ms/pnpwatchparty
- RSVP to attend - 2-hour livestream – Building Apps for with Microsoft Graph – 2 sessions – 2:00pm AEST (Asia Pacific Region) and 8:30am PDT (North America & Europe Regions) | https://aka.ms/learntogether-graph
- Reserve date - SharePoint Monthly community call - 13th of April, 8 AM PDT | https://aka.ms/sp-call
- Complete the Developer Success Survey - https://aka.ms/developersuccess
- Join the M365 customer success platform panel - https://aka.ms/SuccessPanel
- Register for Sharing is Caring Events:
- First Time Contributor Session – April 27th (EMEA, APAC & US friendly times available)
- Community Docs Session – April
- PnP – SPFx Developer Workstation Setup – April 29th
- PnP SPFx Samples – Solving SPFx version differences using Node Version Manager – April 15th
- PnP – AMA (Ask Me Anything) – CLI for Microsoft 365 Edition – April 13th
- First Time Presenter - April 21st
- More than Code with VSCode – April 14th & 28th
- Maturity Model Practitioners – April 20th
- PnP Office Hours – 1:1 session - Register
- Download the recurrent invite for this call – https://aka.ms/spdev-spfx-call
Demos
Teams Meeting Questionnaire App with SharePoint Framework – The Questionnaire Pre-meeting app allows Microsoft Teams meeting attendees to ask questions related to meeting before meeting starts. SPFx v1.12 provides support for Microsoft Teams meeting apps development, this web part. Operationally – in calendar create meeting, then add Meeting Questionnaire tab to meeting. Questionnaire is tied to a single SharePoint list that organizes questions by Meeting ID. Sample in PnP Samples repository.
Building an advanced SPFx Image Editor web part - This solution contains an SPFx web part - a browser-based HTML Image Editor that uses canvas and Office UI Fabric. Use File Picker component to select image and manipulate it – Resize, Crop, Flip, Rotate, Scale, Filter (Grayscale / Sepia), Redo / Undo, History of Actions. Web part created initially to pick files from a custom external data source. Sample is in Sample Gallery.
Viva Connections Desktop and Extensibility - Microsoft Viva is a suite of products. Viva Connections is an integrated experience with Microsoft Teams and SharePoint backed by Microsoft security, privacy, and compliance. Viva Connections is extensible – use out of the box web parts or create custom web parts and extensions based on requirements. You ultimately determine what capabilities to make available in the Viva Connections UX. The journey – a phased rollout of capabilities Worldwide over the next 6 months. Currently available Viva Connections Desktop is just a start on this journey.
SPFx extension samples: (https://aka.ms/spfx-extensions)
SPFx web part samples: (https://aka.ms/spfx-webparts)
Calendar - Mohammad Amer | @Mohammad3mer
Staff Directory - Ari Gunawan | @AriGunawan
Advanced Page Properties – Mike Homol (ThreeWill) | @homol
Datatable - Chandani Prajapati | @Chandani_SPD
Company Stories - Luis Mañez | @luismanez
Video Banner - Mohamed Derhalli | @MohamedDerhalli
Document Card FAQ - Sam Collins | @SamCollins
As is the case this week, samples are often showcased in Demos. Thank you for your great work.
Agenda items
- Latest updates on SharePoint Framework - Vesa Juvonen (Microsoft) | @vesajuvonen – 5:41
- PnPjs Client-Side Libraries - Julie Turner (Sympraxis Consulting) | @jfj1997 – 7:59
- CLI for Microsoft 365 - Patrick Rodgers (Microsoft) | @mediocrebowler – 9:19
- PnP SPFx Controls - Patrick Rodgers (Microsoft) | @mediocrebowler – 10:11
- PnP SPFx Generator - Patrick Rodgers (Microsoft) | @mediocrebowler – 11:22
- PnP Modern Search - Patrick Rodgers (Microsoft) | @mediocrebowler – 12:21
- PnP SPFx Samples - Hugo Bernier (Tahoe Ninjas) | @bernierh – 13:09
Demos
Teams Meeting Questionnaire App with SharePoint Framework – Nanddeep Nachan | nanddeepn – 17:09
Building an advanced SPFx Image Editor web part – Peter Paul Kirschner (cubido) | @petkir_at – 31:05
Viva Connections Desktop and Extensibility – Vesa Juvonen (Microsoft) | @vesajuvonen – 39:29
Resources
Additional resources around the covered topics and links from the slides.
Blog - Support Microsoft Teams Themes in SharePoint Framework Solutions
Documentation - Create apps for Teams meetings
Repo - React Image Editor
Blog Post - Install Viva Connections today
Look book - SharePoint look book
Documentation - Embedding modern SharePoint pages in Microsoft Teams as personal apps (preview)
PnP Weekly – Episode 121 with guest Senior Program Manager from Microsoft Graph team Nik Charlebois | @NikCharlebois | video | podcast
Viva Connections https://aka.ms/VivaConnections
General resources
- 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 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
SharePoint monthly call – April 13th at 8:00am PDT | https://aka.ms/sp-call
Office add-in monthly call – April 14th at 8:00 am PDT | https://aka.ms/officeaddinscall
M365 General Dev call – April 15th at 7:00 am PDT | https://aka.ms/m365-dev-sig
Microsoft Identity Platform – April 15th at 9:00 am PDT | https://aka.ms/IDDevCommunityCalendar
Microsoft Teams monthly call – April 20th at 8:00 am PDT | https://aka.ms/microsoftteamscommunitycall
Power Apps monthly call – April 21st at 8:00 am PDT | https://aka.ms/PowerAppsMonthlyCall
SharePoint Framework call – April 22nd at 7:00 am PDT | https://aka.ms/spdev-spfx-call
M365 General Dev call – April 29th at 7:00 am PDT | https://aka.ms/m365-dev-sig
Microsoft Graph call - May 4th at 8:00 am PDT | https://aka.ms/microsoftgraphcall
Adaptive Cards monthly call – May 13th 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”