SharePoint Framework web part, Teams tab, personal app, app page samples
Go to file
PathToSharePoint dbb43915e4 v 0.1.0 2022-02-21 17:55:05 -08:00
.vscode v 0.1.0 2022-02-21 17:55:05 -08:00
assets v 0.1.0 2022-02-21 17:55:05 -08:00
config v 0.1.0 2022-02-21 17:55:05 -08:00
src v 0.1.0 2022-02-21 17:55:05 -08:00
teams v 0.1.0 2022-02-21 17:55:05 -08:00
.gitignore v 0.1.0 2022-02-21 17:55:05 -08:00
.npmignore v 0.1.0 2022-02-21 17:55:05 -08:00
.yo-rc.json v 0.1.0 2022-02-21 17:55:05 -08:00
README.md v 0.1.0 2022-02-21 17:55:05 -08:00
gulpfile.js v 0.1.0 2022-02-21 17:55:05 -08:00
package-lock.json v 0.1.0 2022-02-21 17:55:05 -08:00
package.json v 0.1.0 2022-02-21 17:55:05 -08:00
tsconfig.json v 0.1.0 2022-02-21 17:55:05 -08:00
tslint.json v 0.1.0 2022-02-21 17:55:05 -08:00

README.md

react-cherry-picked-content

Summary

The Cherry=Picked Content Web Part is a modern replacement for the classic Content Editor Web Part, with a twist: code snippets can only be picked from approved document libraries.

React Cherry=Picked Content Sample

Used SharePoint Framework Version

version

Applies to

Get your own free development tenant by subscribing to Microsoft 365 developer program

Prerequisites

N/A

Solution

Solution Author(s)
React-Cherry-Picked-Content Christophe Humbert

Version history

Version Date Comments
0.1.0 February 21, 2022 Initial draft

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.


Minimal Path to Awesome

  • Clone this repository
  • Under components, edit ApprovedLibraries.ts to list your approved libraries that contain HTML snippets
  • Ensure that you are at the solution folder
  • in the command-line run:
    • npm install
    • gulp serve

Features

This Web Part illustrates the following concepts:

  • Cascading dropdown in the Property Pane
  • Use of SPHttpClient and the SharePoint REST API to query SharePoint content
  • React function component with useState and useEffect hooks

References