Web、モバイルアプリ間でredux storeを共有

Question

私はこのポストに基づいてweb、mobileの間でreduxを共有しようとしていますhttps://medium.com/kuralabs-engineering/reactive-core-architecture-for-react-native-and-react-applications-d590daf4ef8aここに私は問題があります、どのようにWeb、モバイル（反応ネイティブ）最高の解決策は何ですか？

Answer 1

私は実際にRedux Observableを使って叙事詩のアプローチが好きです。これにより、Epixを使用して副作用が発生するように、Reduxストアにアクションをディスパッチできます。アクションはDTOであるため、すでに抽象化されています。次のようにHTTP_ACTIONを定義できます。

{ 
    type: 'HTTP_REQUEST', 
    payload: { 
    method: 'POST', 
    url: '/api/some-url', 
    body: { 
     id: 'some-id' 
    }, 
    responseAction: 'HTTP_REQUEST_COMPLETED' // Some unique action type here that will be caught by a reducer. 
    } 
} 

このアプローチには多くの利点があります。アクションクリエイターを副作用から切り離します。これにより、テストが容易になります。それはまた、アプリケーションの1つの部分にすべての副作用を置く：叙事詩。これは、Redux ObservableがReduxの他のすべての副作用ミドルウェア（redux-thunkやredux-promiseなど）を置き換えるためです。これにより、プラットフォーム固有のものに基づいて、叙事詩を置き換えることができます。

短所は、rx-jsを学習する必要があることです。これは多少難しい場合があります。叙事詩のテストもちょっと複雑ですが、完全に実行可能です。

明らかに、他にも解決策があります。しかし、少なくともあなたのために動作するかどうかを確認するには、この1つを調べる必要があります。がんばろう。