sp-dev-fx-webparts/samples/react-pnp-js-sample
Julie Turner 4446b25eb6 Remove upgrade report 2022-08-29 21:26:39 +00:00
..
assets New PnPjs v3 sample 2022-01-27 21:03:19 +00:00
config Bug fix & dependency update 2022-08-29 21:25:12 +00:00
src Bug fix & dependency update 2022-08-29 21:25:12 +00:00
teams New PnPjs v3 sample 2022-01-27 21:03:19 +00:00
.eslintrc.js Bug fix & dependency update 2022-08-29 21:25:12 +00:00
.gitignore Bug fix & dependency update 2022-08-29 21:25:12 +00:00
.npmignore New PnPjs v3 sample 2022-01-27 21:03:19 +00:00
.yo-rc.json Bug fix & dependency update 2022-08-29 21:25:12 +00:00
README.md Bug fix & dependency update 2022-08-29 21:25:12 +00:00
gulpfile.js Bug fix & dependency update 2022-08-29 21:25:12 +00:00
package-lock.json Bug fix & dependency update 2022-08-29 21:25:12 +00:00
package.json Bug fix & dependency update 2022-08-29 21:25:12 +00:00
tsconfig.json Bug fix & dependency update 2022-08-29 21:25:12 +00:00

README.md

page_type products languages extensions
sample
office-sp
javascript
typescript
contentType technologies platforms createdDate
samples
SharePoint Framework
react
5/1/2017 12:00:00 AM

SharePoint Framework sample using @pnp/js and ReactJS

Summary

This solution builds off of the solution react-async-await-sp-pnp-js submitted by Jose Quinto (@jquintozamora , blog.josequinto.com)

This implementaiton refactors to take aspects out and utilize and showcase PnPjs Version 3.

React-pnp-js-sample

Compatibility

SPFx 1.14.0 Node.js v14 | v12 Compatible with SharePoint Online Incompatible with SharePoint 2019 Does not work with SharePoint 2016 (Feature Pack 2) Local Workbench Incompatible Hosted Workbench Compatible

Applies to

Solution

Solution Author(s)
react-spfx-pnp-js-sample Julie Turner (@jfj1997)

Version history

Version Date Comments
1.1 Aug 29, 2022 Bug fix & dependency updates
1.0 Jan 13, 2022 Initial release

Minimal Path to Awesome

  1. clone this repo
  2. $ npm i
  3. Update online workbench url in the initialPage property of the config/serve.json file.
  4. $ gulp serve

Features

  • Establishing context for the SharePoint Factory Interface
  • Creating a project config file to centralize defining the PnPjs imports and SharePoint Querable object for reuse.
  • Demo extending the SharePoint Querables instance with the PnPLogging beavhior.
  • Demo extending the SharePoing Queryable instance with the Caching behavior
  • Demo loading list items from a SharePoint library
  • Demo creating a batched instance of the SharePoint Querable object.
  • Demo updating list items by modifying the Title property.
  • Demo executing a batch and working with the results.

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.