sp-dev-fx-webparts/samples/react-redux

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

Web part with React and Redux

Summary

Sample web part implementation that uses Redux to keep track of its state.

Reactive

Non-Reactive

Used SharePoint Framework Version

Applies to

• SharePoint Framework Developer Preview
• Office 365 developer tenant

Solution

Solution	Author(s)
react-redux	Kevin Mees kev.mees@gmail.com (Experts Inside GmbH, @kmees)

Version history

Version	Date	Comments
1.0	October 28, 2016	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

$ git clone https://github.com/pnp/sp-dev-fx-webparts
$ cd sp-dev-fx-webparts/samples/react-redux
$ npm install
$ gulp serve

Features

• Presentational (dumb) components live in ./components
• Container (smart) components live in ./container
• Redux reducers are defined in ./reducers with a sample web part reducer that stores the web part properties. Web part reducer implementation follows the ducks pattern.
• Redux store configuration defined in ./store