SharePoint PnP Dev SPFx JS SIG Call – October 7th, 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
  • CLI for Microsoft 365
  • PnP SPFx Generator
  • Reusable Controls
    • SPFx Property Controls
    • SPFx React Controls
  • 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: Serge Tremblay)
  • Microsoft 365 PnP Weekly – Episode 137 – Serge Tremblay (Technologia) – Microsoft Tech Community

—–

DEMOS:

• Create new Team using Viva Connections ACEs components from the Dashboard​​ – Dipen Shah
  • https://aka.ms/spfx-aces
  • https://github.com/pnp/sp-dev-fx-aces/tree/main/samples/PrimaryTextCard-CreateTeam
  • Overview of Viva Connections Extensibility | Microsoft Docs

—–

• Building Microsoft Teams data dashboard with SharePoint Framework​ – Paolo Pialorsi (Piasys)
  • sp-dev-fx-webparts/samples/react-teams-lead-dashboard at main · pnp/sp-dev-fx-webparts (github.com)

  • Build for Microsoft Teams using SharePoint Framework
    https://docs.microsoft.com/en-us/sharepoint/dev/spfx/build-for-teams-overview

  • Use Microsoft Graph in your solution
    https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/using-microsoft-graph-apis

  • Microsoft Graph Toolkit
    https://docs.microsoft.com/en-us/graph/toolkit/overview

  • PnP React Controls
    https://pnp.github.io/sp-dev-fx-controls-react/

  • The easiest way to store user settings of your Microsoft 365 app
    https://blog.mastykarz.nl/easiest-store-user-settings-microsoft-365-app/

—–

• SPFx Design Patterns – Asynchronous Rendering​ – Hugo Bernier
  • https://developer.microsoft.com/en-us/fluentui#/controls/web/shimmer
  • sp-dev-fx-webparts/samples/react-htm-templating at main · pnp/sp-dev-fx-webparts (github.com)
  • sp-dev-fx-webparts/samples/react-msgraph-peoplesearch at main · pnp/sp-dev-fx-webparts (github.com)

—–

• 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

Create new Team using Viva Connections ACEs components from the Dashboard​​ – Dipen Shah

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

Building Microsoft Teams data dashboard with SharePoint Framework​ – Paolo Pialorsi (Piasys)

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

SPFx Design Patterns – Asynchronous Rendering​ – Hugo Bernier

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

•