4.0 KiB

Raw Blame History

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

Using @pnp/js with Async / Await

Summary

This web part demonstrates how to use PnPJS with Async functions into the SharePoint Framework as well as integrating PnP JS and SPFx Logging systems. Real example querying SharePoint library to show document sizes.

Compatibility

Applies to

Solution

Solution	Author(s)
react-async-await-sp-pnp-js	Jose Quinto (@jquintozamora , blog.josequinto.com)

Version history

Version	Date	Comments
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
$ gulp trust-dev-cert
$ 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.

4.0 KiB Raw Blame History