sp-dev-fx-webparts/samples/react-mobx
Sylvia Okafor b5c5e9aabc Updated sample YAML description 2020-02-14 15:28:50 -08: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 Updated sample YAML description 2020-02-14 15:28:50 -08: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
tslint.json Add tslint at the root of each SPFx project (#394) 2018-01-08 15:58:48 +02:00

README.md

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

Webpart with React and Mobx

Summary

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

Reactive

Non-Reactive

Used SharePoint Framework Version

drop

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.