Microsoft 365 Microsoft Teams Office 365 SharePoint Add-ins Extensions SharePoint Framework

SharePoint Framework Community Call Recording – 2nd of July2020

SharePoint Framework Special Interest Group (SIG) bi-weekly community call recording from July 2nd is now available from the Microsoft 365 & SharePoint Community YouTube channel at http://aka.ms/m365pnp-videos

Call summary:

Announcements:  SPFx Dev Docs have been / are being refreshed and Office 365 CLI is now natively accessible from Azure Cloud Shell.   Latest releases include PnP SPFx Generator update v1.14.1 (Improved Style handline between Angular and SPFx) and PnP Modern Search v4.0 preview available for test.  PnPjs v2.0.7 is scheduled for July 10, release.   9 new/updated samples were delivered in the last 2 weeks.   The host of this call was Vesa Juvonen (Microsoft). Q&A takes place in chat throughout the call.

Actions:

  • Register for First Time Contributor sessions – July 24th and 27th, on the Sharing is Caring site | aka.ms/sharing-is-caring
  • Register for Community Docs Sessions – July 31st and August 3rd, on the Sharing is Caring site | aka.ms/sharing-is-caring
  • Are you using .NET Standard version of CSOM yet?

Demos:

  1. Building modern page hierarchy presentation with SharePoint Framework – the (SPFx React) Page Hierarchy web part allows Site Admins to manually define relationships between pages as an alternative to hard-coded links, quick links or a folder defined hierarchy.   Behind the scenes Admins align each page (containing the web part) to a parent page, i.e., home page or other page in the site collection… defining the breadcrumb trail users see on a page.
  2. Building an application customizer to inform end users on alerts within date period  a SPFx Application extension called Alert Message that enables site owners to setup and manage department/user focused, time banded Alert messages to be displayed immediately above a SharePoint page header.   The message is easily managed in a SharePoint list.   The client-side solution uses Morphext, Animate.css, @pnp/sp (2.0.4) and React functional (Alert) component with hooks.
  3. Upgrading SharePoint Framework projects using Office 365 CLI CodeTour upgrade – a Visual Studio Code extension found in the Office 365 CLI that methodically prompts users (step-by-step) through an upgrade of a SPFx project from SPFx v1.0 to v1.10 and soon to v1.11.  Recently a CodeTour was added to the SPFx Starter Kit and CodeTours will be routinely added to PnP Samples.   With CodeTour, you know exactly which files to upgrade in your project.
SPFx extension samples:

SPFx web part samples:

Thank you for your work. Samples are often showcased in Demos.

Agenda items:

  • Latest updates on SharePoint Framework – 4:27
  • PnPjs Client Libraries – 8:04
  • Office 365 CLI – 8:41
  • SPFx reusable controls – 9:51
  • SPFx Generator – 10:31
  • PnP Search Solution – 11:17
  • PnP SPFx Samples | Hugo Bernier (Tahoe Ninjas) | @bernierh 12:10

Demos :

  • Building modern page hierarchy presentation with SharePoint Framework | Bo George (ThreeWill) | @bo_george 14:18
  • Building an application customizer to inform end users on alerts within date period | Sudharsan Kesavanarayanan (NTT) | @sudharsank 29:19
  • Upgrading SharePoint Framework projects using Office 365 CLI CodeTour upgrade  | Hugo Bernier (Tahoe Ninjas)  | @bernierh 37:23

Resources:

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

Other mentioned topics

Next Meeting is on July 16, 2020

PnP SharePoint Framework Special Interest Group bi-weekly calls are targeted for anyone who is interested in the JavaScript-based development towards SharePoint Online and also on-premises. SIG calls are used for 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 – also community demos are more than welcome (let us know, if you’re interested)

You can download recurrent invite from https://aka.ms/spdev-spfx-call. Welcome and join the discussion!

“Sharing is caring”


SharePoint Team, Microsoft – 3rd of July 2020

filter-icon