History

dependabot[bot] 0f49e4634e Bump webpack-dev-middleware in /samples/react-async-await-sp-pnp-js Bumps [webpack-dev-middleware](https://github.com/webpack/webpack-dev-middleware) from 5.3.3 to 5.3.4. - [Release notes](https://github.com/webpack/webpack-dev-middleware/releases) - [Changelog](https://github.com/webpack/webpack-dev-middleware/blob/v5.3.4/CHANGELOG.md) - [Commits](https://github.com/webpack/webpack-dev-middleware/compare/v5.3.3...v5.3.4) --- updated-dependencies: - dependency-name: webpack-dev-middleware dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com>		2024-03-23 21:13:52 +00:00
..
.devcontainer	Added SPFx 1.10 containers	2022-02-15 00:50:11 -05:00
assets	Changed docs links to learn	2022-10-24 09:42:45 -04:00
config	Update react-async-await-sp-pnp-js	2022-01-13 22:28:40 +00:00
src	Update react-async-await-sp-pnp-js	2022-01-13 22:28:40 +00:00
.gitattributes	React sample showing the use of sp-pnp-js with Async functions and Logging enabled (#187 )	2017-05-06 14:27:17 +03:00
.gitignore	Update react-async-await-sp-pnp-js	2022-01-13 22:28:40 +00:00
.npmignore	React sample showing the use of sp-pnp-js with Async functions and Logging enabled (#187 )	2017-05-06 14:27:17 +03:00
.yo-rc.json	Update react-async-await-sp-pnp-js	2022-01-13 22:28:40 +00:00
README.md	Updated contributors for readmes	2023-03-15 00:11:27 -04:00
gulpfile.js	Update react-async-await-sp-pnp-js	2022-01-13 22:28:40 +00:00
package-lock.json	Bump webpack-dev-middleware in /samples/react-async-await-sp-pnp-js	2024-03-23 21:13:52 +00:00
package.json	Bump postcss and @microsoft/sp-build-web	2023-10-03 18:56:02 +00:00
tsconfig.json	Update react-async-await-sp-pnp-js	2022-01-13 22:28:40 +00:00
tslint.json	Update react-async-await-sp-pnp-js	2022-01-13 22:28:40 +00:00

README.md

Using @pnp/js with Async / Await

Summary

This web part demonstrates how to use PnPJS with Async functions into the SharePoint Framework.

Compatibility

⚠️ Important
Every SPFx version is only compatible with specific version(s) of Node.js. In order to be able to build this sample, please ensure that the version of Node on your workstation matches one of the versions listed in this section. This sample will not work on a different version of Node.
Refer to https://aka.ms/spfx-matrix for more information on SPFx compatibility.

For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix

Applies to

Contributors

Version history

Version	Date	Comments
2.0	Jan 13, 2022	Updated to SPFx 1.14 & PnPjs version 3 & removed logging sample.
1.2	Jul 20, 2018	Replaced deprecated sp-pnp-js with @pnp/js
1.1	Mar 6, 2018	Update to 1.4.1
1.0	May 1, 2017	Initial release

Minimal Path to Awesome

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

This sample can also be opened with VS Code Remote Development. Visit https://aka.ms/spfx-devcontainer for further instructions.

Local Mode

A browser in local mode (localhost) will be opened. https://localhost:4321/temp/workbench.html

SharePoint Mode

If you want to try on a real environment, open: https://your-domain.sharepoint.com/_layouts/15/workbench.aspx

Usage

Features

Async / Await functionality working with PnP JS sample
- Tested and working on IE11 (as TypeScript config provides Promise polyfill)
React Container for the initial load. Smart Component
Interface best practices
PnP JS and SPFx Logging systems integration

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.