Microsoft 365 Office 365 SharePoint Add-ins Extensions SharePoint Framework

SharePoint Framework Community Call Recording – 25th of February, 2021

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

Register now for March trainings on Sharing-is-caring.  Three new offerings announced – More than Code with VS Code, Maturity Model Practitioners, and First Time Presenter trainings.   Also coming in Spring 2021, additional details on partner and customer extensibility options in Microsoft Viva Connections.  Latest project updates called out.   SPFx v1.12 more details on upcoming release with ETA – early March.  PnPjs v2.3.0 scheduled for March 12, CLI for Microsoft 365 New beta v3.6.  There were eleven PnP SPFx web part samples delivered last week.  Great work!    The host of this call is Patrick Rodgers (Microsoft) @mediocrebowler.  Q&A takes place in chat throughout the call.

Always a highlight to see many familiar faces each week.  Thanks for participating in this community.

Actions:

  • Register for Sharing is Caring Events
      • First Time Contributor Session – March 1st & 22nd  (EMEA, APAC & US friendly times available)
      • Community Docs Session – March
      • PnP – SPFx Developer Workstation Setup – March 10th
      • PnP SPFx Samples – Solving SPFx version differences using Node Version Manager – March 11th
      • PnP – AMA (Ask Me Anything) – SPFx Samples Edition – March 9th
      • First Time Presenter – March 24th
      • More than Code with VSCode – March 23rd
      • Maturity Model Practitioners – March 16th
      • PnP Office Hours – 1:1 session – Register
  • Download the recurrent invite for this call – https://aka.ms/spdev-spfx-call

Demos:

  1. Building a list view command set to demote previously promoted news articles from pages library – an extension allows users to demote read-only promoted news pages!   Pull Theme colors from Global state object or UI Fabric getTheme for SVG icon.  Code checks if page is in promoted state and if user has permissions to demote.  Shows how extensions – in this case a demotion capability – can be made available to all sites across the tenant and adopt local site theme.
  2. Add Folder Command Extension for easy doc library structure management  – a sample SPFx list view command set extension that allows users to create a parallel or nested folder hierarchy simply by typing names of folders into extension pop up and pressing the create folders button.  The extension uses Sergei Sergeev’s spfx-fast-serve, React hooks, and ADS for adding folders.  Has folder naming error checking and on-screen user guidance.  Extension issues, workarounds and improvements are called out.
  3. Using reusable chart controls to present business data in a web part  – a web part sample that uses PnP Reusable ChartControl to add theme aware, responsive fluent UI integrated charts (20 charts) to your web parts.  Use plugins for custom rendering or for showing continuous data feed in a chart.  The Chartinator control pulls static or dynamic data into web part.  Define chart colors, type, layout, legend, animations in the properties pane.
SPFx extension samples:  (https://aka.ms/spfx-extensions)

SPFx web part samples:  (https://aka.ms/spfx-webparts)

As you are aware, samples are often showcased in Demos.  Thank you for your great work.

Agenda items:

Demos :

  • Building a list view command set to demote previously promoted news articles from pages library –Mikael Svenson (Microsoft) | @mikaelsvenson – 15:29
  • Add Folder Command Extension for easy doc library structure management – Michaël Maillot (onepoint) | @michael_maillot | Deck – 25:25
  • Using reusable chart controls to present business data in a web part – Hugo Bernier (Tahoe Ninjas) | @bernierh | Deck – 40:35

Resources:

Additional resources around the covered topics and links from the slides.

General Resources:

Other mentioned topics

Upcoming calls | Recurrent invites:

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”


Microsoft 365 Patterns and Practices team – 26th of February, 2021

filter-icon