Tide is a Model-View-Presenter framework for quickly building client-side applications with React and MobX.
Finished
Router
- Todo: Document
Event Bubbling
- React events bubble up through the compoennt network
- React context is filled out with:
- parent: React.PropTypes.object
- app: React.PropTypes.object
- store: React.PropTypes.object
- router: React.PropTypes.object
- tide: React.PropTypes.object
Components: View/Presenter
- Autobinds the methods
Requests
- todo: document
Query Objects
- todo: document
Unfinished
Test
- Need to be done
Store
- storage and caching of data
Revisable Actions
- It will be useful to be able to undo actions taken
Option 1: - explicitly make user create a function to undo a specific action (useful in the case of ajax actions)
Option 2: - Integrate mobx-store which lets you undo/redo singular changes (useful in the case of ui actions)
Option 3: - patch mobx to report all changes made in an action block; these can then be reverted b/c we will know previous state (better form of option 2)
Option 4: - undo the redux way; anytime an action completes, make a total copy of the data store ... via toJS() - store in localstorage
Debugging Components
We will integrate this with MobX remote dev.
We may also want to configure: https://github.com/gaearon/react-transform-catch-errors
Look here too: https://gist.github.com/Aldredcz/4d63b0a9049b00f54439f8780be7f0d8
Notes
Tide uses context extensively. In order to work effectively with this; you should treat context as shallowly immutable. In that if you set a store/router via props then do not change it.