SharePoint PnP Dev SPFx JS SIG Call – September 9th, 2021 – Screenshot Summary

PnP Community Call Highlights

 

SharePoint Quicklinks:

• Primary PnP Website: https://aka.ms/m365pnp
• Documentation & Guidance
• SharePoint Dev Videos
• Issues List

—–

• PnP Sharing Is Caring:
  • PnP initiative that provides live hands-on sessions to help with contribution guidance and using PnP resources.
  • The session types will include First Time Contributor, Community Docs Contributions, SPFx Contributions, Office365 CLI Contributions, AMA (Ask Me Anything) Open Forum sessions and MORE.
  • https://aka.ms/sharing-is-caring

—–

• PnP Samples
  • PnP SPFx Web Part Samples
  • PnP SPFx Extensions Samples
  • PnP SPFx Library Component Samples
  • PnP List Formatting Samples

—–

• PnP Projects
  • PnPJS
    • Version 2.5.0 Available
  • CLI for Microsoft 365
    • Version 3.11.0 Available
  • PnP SPFx Generator
    • Version 1.16.1 Available
  • Reusable Controls
    • SPFx Property Controls
      • Version 3.1.0 Available
    • SPFx React Controls
      • Version 3.1.0 Available
  • Yo Teams
    • Training: http://aka.ms/yoteams-training
  • SharePoint Starter Kit
  • PnP PowerShell
  • PnP CSOM Core Library
  • Modernization Framework
    • http://aka.ms/sppnp-pagetransformationui
  • PnP Sharing Is Caring: Hands-on sessions providing guidance for PnP Contributions
    • https://aka.ms/sharing-is-caring

—–

• PnP Weekly: (Guest Host: Gautam Sheth (Valo))
  • Microsoft 365 PnP Weekly – Episode 133 – Gautam Sheth (Valo) – Microsoft Tech Community

—–

DEMOS:

• Building advance image gallery experience with SharePoint Framework – Yannick Reekmans
  • https://blog.yannickreekmans.be/spfx-lightbox-image-gallery-web-part-v1-0-0/
  • https://github.com/YannickRe/spfx-lightbox-image-gallery
  • External packages
    • https://pnp.github.io/pnpjs/
    • https://pnp.github.io/sp-dev-fx-controls-react/
    • https://github.com/VLZH/react-lightgallery

—–

• Hyperscript Tagged Markup Templating – Fabio Franzini
  • https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-htm-templating

—–

• Modernize your SPFx projects – Andrew Connell

  • Get with the times & ditch TSLint in favor of ESLint in SharePoint Framework projects: https://vtns.io/ditch-eslint-spfx

  • Ditch TSLint for ESLint in SharePoint Framework projects in one simple step! https://vtns.io/ditch-eslint-spfx-preset

  • Optimize bundles by disabling IE11 support in SharePoint Framework projects: https://vtns.io/disable-ie11-spfx

—–

• Direct Link to Community Calls
• It is HIGHLY encouraged to also watch the recording of the PnP Community Call recording to benefit the most.
• Community Call YouTube Recording from Microsoft will be available when uploaded by Microsoft

Building advance image gallery experience with SharePoint Framework – Yannick Reekmans

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

Hyperscript Tagged Markup Templating – Fabio Franzini

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

Modernize your SPFx projects – Andrew Connell

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

•