SharePoint Framework Community Call Recording – 8th of April, 2021

This article is contributed. See the original author and article here.

SharePoint Framework Special Interest Group (SIG) bi-weekly community call recording from April 8th 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:

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 15^th.  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 20^th.     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.

 

 

 

Actions:

• Register for both:
  
  
  
  • Register to watch the Microsoft Graph livestream with your 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 – 13^th 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 27^th   (EMEA, APAC & US friendly times available)
  
  
  • Community Docs Session – April
  
  
  • PnP – SPFx Developer Workstation Setup – April 29^th
  
  
  • PnP SPFx Samples – Solving SPFx version differences using Node Version Manager – April 15^th
  
  
  • PnP – AMA (Ask Me Anything) – CLI for Microsoft 365 Edition – April 13^th
  
  
  • First Time Presenter – April 21^st
  
  
  • More than Code with VSCode – April 14^th & 28^th
  
  
  • Maturity Model Practitioners – April 20^th
  
  
  • PnP Office Hours – 1:1 session – Register
  
  
  
  


• Download the recurrent invite for this call – https://aka.ms/spdev-spfx-call

 

Demos:

1. 
   

   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.

   
   


2. 
   

   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.

   
   


3. 
   

   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.

   
   

 

• 
  

  Send to Teams – João Mendes | @joaojmendes

  
  

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 | @samc148

  
  

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 | @NanddeepNachan – 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.

• The presentation used for this community call


• Gallery – Microsoft 365 Extensibility look book gallery 


• 
  

  Blog –  Build Microsoft Teams meeting app with SPFx

  
  


• 
  

  Repo – Questionnaire Teams Meeting App

  
  


• 
  

  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 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:

• SharePoint dev documentation


• SharePoint dev issue list

 

Upcoming calls | Recurrent invites:

• SharePoint monthly call – April 13^th at 8:00am PDT | https://aka.ms/sp-call


• Office add-in monthly call – April 14^th at 8:00 am PDT | https://aka.ms/officeaddinscall


• M365 General Dev call – April 15^th at 7:00 am PDT | https://aka.ms/m365-dev-sig


• Microsoft Identity Platform – April 15^th at 9:00 am PDT | https://aka.ms/IDDevCommunityCalendar 


• Microsoft Teams monthly call – April 20^th at 8:00 am PDT | https://aka.ms/microsoftteamscommunitycall


• Power Apps monthly call – April 21^st at 8:00 am PDT | https://aka.ms/PowerAppsMonthlyCall


• SharePoint Framework call – April 22^nd at 7:00 am PDT | https://aka.ms/spdev-spfx-call


• M365 General Dev call – April 29^th at 7:00 am PDT | https://aka.ms/m365-dev-sig


• Microsoft Graph call – May 4^th at 8:00 am PDT | https://aka.ms/microsoftgraphcall


• Adaptive Cards monthly call – May 13^th 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


• 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 a recurrent invite from https://aka.ms/spdev-spfx-call. Welcome and join the discussion!

“Sharing is caring”

Brought to you by Dr. Ware, Microsoft Office 365 Silver Partner, Charleston SC.