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

Compatibility

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

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

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

Minimal Path to Awesome

>  This sample can also be opened with [VS Code Remote Development](https://code.visualstudio.com/docs/remote/remote-overview). Visit https://aka.ms/spfx-devcontainer for further instructions.sh
$ git clone https://github.com/pnp/sp-dev-fx-webparts
$ cd sp-dev-fx-webparts/samples/react-redux
$ 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

• 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

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.