honeymoose
/
sp-dev-fx-webparts
mirror of https://github.com/pnp/sp-dev-fx-webparts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
sp-dev-fx-webparts/samples/react-youtube
History
Hugo Bernier 7202809a7d Changed docs links to learn 2022-10-24 09:42:45 -04:00
..
.vscode
…
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
…
.editorconfig
…
.gitignore
…
.yo-rc.json SPFx version Upgrade from 1.3.0 to 1.11.0 2020-10-01 07:04:04 -07:00
README.md Changed docs links to learn 2022-10-24 09:42:45 -04:00
gulpfile.js
…
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

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

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

Solution

Solution Author(s)
react-YouTube Giuliano De Luca (@giuleon , www.delucagiuliano.com)
Solution Contributor(s)
react-YouTube Ravi Chandra (@ravi_maniyani , www.netwoven.com)

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.