sp-dev-fx-webparts/samples/react-mobx
Kevin Mees c909db5b4d Sample react-mobx (#56)
* [react-mobx] scaffold project + migrate to drop5

* [react-mobx] install mobx dependencies

* [react-mobx] configure reactive and nonreactive webpart version

* [react-mobx] add presentational and container components

* [react-mobx] Replace description field with name

* [react-mobx] Add mobx store and hook up webpart & components

* [react-mobx] update readme

* [react-mobx] remove custom tslint.config

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

README.md

Webpart with React and Mobx

Summary

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

Reactive

Non-Reactive

Applies to

Solution

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

Version history

Version Date Comments
1.0 November 4, 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-mobx
$ npm install
$ gulp serve

Features

  • Presentational (dumb) components live in ./components
  • Container (smart) components live in ./container
  • Mobx stores are defined in ./store with a sample webpart store that keeps track of the webpart properties.