sp-dev-fx-webparts/samples/react-youtube
Hugo Bernier 7e97daab76 Added more contributions 2023-03-15 01:23:34 -04:00
..
.vscode Added two samples (image magnifier and youtube webpart) furthermore react-peoplepicker is upgraded to drop 1.3.0 (#310) 2017-10-09 04:48:46 -04:00
assets Changed docs links to learn 2022-10-24 09:42:45 -04:00
config Adding PnP identifier for the MPN ID entries in samples - distinct sample usage in production 2021-01-07 14:51:39 +02:00
src SPFx version Upgrade from 1.3.0 to 1.11.0 2020-10-01 07:04:04 -07:00
typings Added two samples (image magnifier and youtube webpart) furthermore react-peoplepicker is upgraded to drop 1.3.0 (#310) 2017-10-09 04:48:46 -04:00
.editorconfig Added two samples (image magnifier and youtube webpart) furthermore react-peoplepicker is upgraded to drop 1.3.0 (#310) 2017-10-09 04:48:46 -04:00
.gitignore Added two samples (image magnifier and youtube webpart) furthermore react-peoplepicker is upgraded to drop 1.3.0 (#310) 2017-10-09 04:48:46 -04:00
.yo-rc.json SPFx version Upgrade from 1.3.0 to 1.11.0 2020-10-01 07:04:04 -07:00
README.md Added more contributions 2023-03-15 01:23:34 -04:00
gulpfile.js Added two samples (image magnifier and youtube webpart) furthermore react-peoplepicker is upgraded to drop 1.3.0 (#310) 2017-10-09 04:48:46 -04:00
package-lock.json Bump axios from 0.19.2 to 0.21.1 in /samples/react-youtube 2021-01-05 17:05:33 +00:00
package.json Bump axios from 0.19.2 to 0.21.1 in /samples/react-youtube 2021-01-05 17:05:33 +00:00
tsconfig.json SPFx version Upgrade from 1.3.0 to 1.11.0 2020-10-01 07:04:04 -07:00
tslint.json SPFx version Upgrade from 1.3.0 to 1.11.0 2020-10-01 07:04:04 -07:00

README.md

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

YouTube

Summary

This web part allows to search and view the YouTube videos, across the YouTube API, directly on a SharePoint page, furthermore the property panel offers the possibility to specify the API key, the number of items to display and it is also possible specify a YouTube Channel Id.

Demo

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.

This sample is designed to be used in the following environments:

SPFx 1.11 Node.js v10 Compatible with SharePoint Online Does not work with SharePoint 2019 Does not work with SharePoint 2016 (Feature Pack 2) Local Workbench Compatible Hosted Workbench Compatible Compatible with Remote Containers

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

Applies to

Prerequisites

Is necessary to have a google developer API key in order to perform REST API call

Contributors

Version history

Version Date Comments
1.0 October 02, 2017 Initial release
2.0 October 01, 2020 Upgrade from 1.3.0 to 1.11.0

Minimal Path to Awesome

  • Clone this repository
  • in the command line run:
    • npm install
    • gulp serve

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

Features

This Web Part illustrates the following concepts on top of the SharePoint Framework:

  • YouTube - How to leverage the YouTube capabilities.

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.