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-redux
History
Kevin Mees 5f77374599 Sample react-redux (#52) 
* [react-redux] scaffold project

* [react-redux] install redux dependencies

* [react-redux] install redux typings

* [react-redux] Add redux store and reducers and hook them up with the webpart

* [react-redux] Add presentational and container components

* [react-redux] Hook up webpart lifecycle methods with redux

* [react-redux] configure reactive and non-reactive webpart versions

* [react-redux] Add all the semicolons!

* [react-redux] mark store as private in webpart

* [react-redux] Update README.md

* [react-redux] Fix typo in readme

* [react-redux] only render webpart once
 		2016-11-10 17:48:10 +02:00
..
.vscode Sample react-redux (#52) 2016-11-10 17:48:10 +02:00
config Sample react-redux (#52) 2016-11-10 17:48:10 +02:00
src Sample react-redux (#52) 2016-11-10 17:48:10 +02:00
typings Sample react-redux (#52) 2016-11-10 17:48:10 +02:00
.editorconfig Sample react-redux (#52) 2016-11-10 17:48:10 +02:00
.gitattributes Sample react-redux (#52) 2016-11-10 17:48:10 +02:00
.gitignore Sample react-redux (#52) 2016-11-10 17:48:10 +02:00
.npmignore Sample react-redux (#52) 2016-11-10 17:48:10 +02:00
.yo-rc.json Sample react-redux (#52) 2016-11-10 17:48:10 +02:00
README.md Sample react-redux (#52) 2016-11-10 17:48:10 +02:00
gulpfile.js Sample react-redux (#52) 2016-11-10 17:48:10 +02:00
package.json Sample react-redux (#52) 2016-11-10 17:48:10 +02:00
react-redux.njsproj Sample react-redux (#52) 2016-11-10 17:48:10 +02:00
tsconfig.json Sample react-redux (#52) 2016-11-10 17:48:10 +02:00

README.md

Webpart with React and Redux

Summary

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

Reactive

Non-Reactive

Applies to

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/SharePoint/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 webpart reducer that stores the webpart properties. Webpart reducer implementation follows the ducks pattern.
  • Redux store configuration defined in ./store