https://github.com/ashot72/spfx-lists-visualizer
SharePoint Framework (SPFx) Lists visualization application based on mobx-state-tree MobX powered state container and Office UI Fabric React components
https://github.com/ashot72/spfx-lists-visualizer
mobx mobx-react mobx-state-tree office-365 office-ui-fabric sharepoint-framework spfx
Last synced: about 2 months ago
JSON representation
SharePoint Framework (SPFx) Lists visualization application based on mobx-state-tree MobX powered state container and Office UI Fabric React components
- Host: GitHub
- URL: https://github.com/ashot72/spfx-lists-visualizer
- Owner: Ashot72
- Created: 2018-02-19T08:05:07.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-09-08T10:46:33.000Z (about 7 years ago)
- Last Synced: 2025-03-06T04:29:43.573Z (7 months ago)
- Topics: mobx, mobx-react, mobx-state-tree, office-365, office-ui-fabric, sharepoint-framework, spfx
- Language: TypeScript
- Homepage:
- Size: 12.9 MB
- Stars: 3
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
It is a SharePoint Framework (SPFx) demo Lists Visualizer React app based on mobx-state-tree MobX powered state container and Office UI Fabric React components. Would like to show how to separate state from view completely. No componentDidMount() hook to fetch data, no react specific Router. Independent development of stores and components as UI just renders the state. Unit test becoming very easy as you can write unit tests against the store to verify data fetching is happening without UI.
The app can work even without UI. I throw away entire rendering and app still works via console! I implemented it for SharePoint but you can definitely do it for you Single Page Apps (SPA). The app also includes mock data implementation on local Workbench.
Go to [Lists Visualizer description]( https://ashot72.github.io/spfx-lists-visualizer/index.html) page
Go to [Lists Visualizer Video]( https://www.youtube.com/watch?v=0yCj5I7eJd0&feature=youtu.be) page
Go to [Lightning Tools]( https://lightningtools.com) web site for more SPFx apps.