History

VesaJuvonen 315561012b react-events-dynamicdata adjustments		2018-06-05 21:09:36 +03:00
..
assets	Adding dynamic data sample react-events-dynamicdata	2018-06-05 14:08:52 +03:00
config	Adding dynamic data sample react-events-dynamicdata	2018-06-05 14:08:52 +03:00
sharepoint/assets	Adding dynamic data sample react-events-dynamicdata	2018-06-05 14:08:52 +03:00
src	Adding dynamic data sample react-events-dynamicdata	2018-06-05 14:08:52 +03:00
README.md	Adding dynamic data sample react-events-dynamicdata	2018-06-05 14:08:52 +03:00
gulpfile.js	Adding dynamic data sample react-events-dynamicdata	2018-06-05 14:08:52 +03:00
package-lock.json	react-events-dynamicdata adjustments	2018-06-05 21:09:36 +03:00
package.json	Adding dynamic data sample react-events-dynamicdata	2018-06-05 14:08:52 +03:00
tsconfig.json	Adding dynamic data sample react-events-dynamicdata	2018-06-05 14:08:52 +03:00

README.md

Dynamic data

Sample web parts illustrating using the SharePoint Framework Dynamic data capability.

Used SharePoint Framework Version

Applies to

Solution

Solution	Author(s)
react-events-dynamicdata	Waldek Mastykarz (MVP, Rencore, @waldekm)

Version history

Version	Date	Comments
1.0	June 5, 2018	Initial release

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 repo
move to right folder
in the command line run:
- npm install
- gulp bundle --ship
- gulp package-solution --ship
from the sharepoint/solution folder, deploy the .sppkg file to the App catalog in your tenant
in the site where you want to test this solution
- add the app named react-events-dynamicdata-client-side-solution
- edit a page
- add the three web parts named: Events, Event details and Map
- configure the Event details web part:
  - as Data source, choose the Events option
  - as Data property, choose the Event option
- configure the Map web part:
  - get a Bing maps API key (follow the link in the web part)
  - as Data source, choose the Events option
  - as Data property, choose the Location option

Features

This sample contains a set of SharePoint Framework client-side web parts that illustrate the Dynamic data capability.

Web parts in this solution illustrate the following concepts on top of the SharePoint Framework:

making web part a dynamic data source
exposing multiple data properties from a single data source
subscribing to dynamic data source notifications from a web part
persisting dynamic data subscription information in web part properties
deploying list instances from a SharePoint Framework solution package
using PnPjs to retrieve data from a SharePoint list
using SharePoint Framework React Controls in web parts