7ed51a0838
|
||
|---|---|---|
| .. | ||
| assets | ||
| config | ||
| src | ||
| teams | ||
| .editorconfig | ||
| .gitignore | ||
| .yo-rc.json | ||
| README.md | ||
| gulpfile.js | ||
| package-lock.json | ||
| package.json | ||
| tsconfig.json | ||
| tslint.json | ||
README.md
Using Mobx with multiple stores
Summary
A sample webpart that uses the Mobx library with multiple stores to keep track of the applications state.
Used SharePoint Framework Version
Applies to
Solution
| Solution | Author(s) |
|---|---|
| react-mobx-multiple-stores | Kemal Sinanagic / @kemicza / kemicza@gmail.com |
Version history
| Version | Date | Comments |
|---|---|---|
| 1.0 | May 24, 2019 | 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-multiple-stores
$ npm install
$ gulp serve
Features
- Enforces that the state always needs be updated in actions, using the always flag for enforceActions.
- Demonstrates the toJS method to convert an observable array to a javascript structure. This is used to render the items in a DetailsList.
- Out-of-the-box MobX decorators to keep the code clean.
- Asynchronous actions
- MobX computed values
- Typescript version 3.3.4 using @microsoft/rush-stack-compiler-3.3 for compatibility with the latest MobX version and typings