yarn add redux-mobx-connect@next
A simple alternative to react-redux
react-redux is a remarkable piece of battle-tested engineering with a work-of-art API. This... is not that.
This is a so-simple-it's-almost-dumb connector for redux stores which uses MobX to hook stuff together. The API is obvious and boring, and you'll be yawning all the way to the bank.
And this (from redux docs):
Provider takes a single prop,
store which should be the redux store. Wrap your app in this, just like for react-redux.
connect takes a function which is passed a reactive store object, and can return either a stateless functional component or a es6 component class. So you write your connected components just like your
regular compoents, except wrapped in a lexical context where they have access to your redux store.
Yes it really is that simple. The only real gotcha is that you can't destructure the store outside of the of the inner class or functional component.
Doing it the bad way means you lose the reactivity goodness that MobX sets up for you, and state changes won't be propagated from store to component.
makeConnect to create a project-specific version of connect so you don't need to
specify the types of your store state and actions everywhere.
Since redux-mobx-connect is built on MobX you can
@computed properties in your connected components to
manage component local state and memoize expensive derived state. No more reselect!
This is being used in production by Futurice