Getting started with PnPjs in SPFx solutions

In this 18-minute developer-focused demo, Julie Turner delivers an overview on files/code in a PnPjs v3.x sample. Items called out - changes between v2 and v3, dependencies, pnpjsConfig file (importing only selected bits of functionality libraries), chaining behaviors together, establishing global context for factory interfaces, caching, loadUser method (get information from Graph), rendering, creating a batched instance for grouped updates, discussion on approach to structure of production vs sample code. This PnP Community demo is taken from the Viva Connections & SharePoint Framework Bi-weekly sync call recorded on November 3, 2022.

Demo Presenter
• Julie Turner (Sympraxis Consulting) | @jfj1997

Supporting materials
• Library - Getting Started PnPjs Library | https://pnp.github.io/pnpjs/getting-s...
• Sample - SharePoint Framework sample using @pnp/js and ReactJS | https://github.com/pnp/sp-dev-fx-webp...
• Sample – @pnp/js and ReactJS Functional Components | https://github.com/pnp/sp-dev-fx-webp...

Learn more
• Microsoft 365 Unified Sample gallery - https://aka.ms/m365/samples
• Microsoft 365 Platform Community in YouTube - https://aka.ms/m365/videos
• Microsoft 365 Platform Community - http://aka.ms/m365/community