Nodeで構築している簡単なCRUDアプリがあり、Expressで残りのAPIの作成を完了しました。私は現在、フロントエンド機能を追加することを検討しており、react + reduxを学習課題として使用したいと考えています。ただし、これに関するすべてのチュートリアルは、内部APIとのインターフェイスではなく、Reduxを使用してデータに直接アクセスするようです。
私の質問は、reduxでSPAを構築する正しい方法ですか?たとえば、フロントエンドをバックエンドから分離して、たとえばiPhoneアプリを作成してバックエンドを再作成する必要がないようにするのが最善であるという印象を受けました。
前もって感謝します。
Redux自体はAPI通信とは関係なく、クライアント側の状態管理用のライブラリです。リクエストの起動と処理にはどのようなアプローチでも使用できます。最も一般的なのは、カスタムAPI接続ミドルウェアの使用、アクションクリエーターからのリクエストを起動する関数の返却、thunk-middleware
での使用、または rx-bridges または sagas 。
開始: https://egghead.io/series/getting-started-with-redux
参照先: Reactコンポーネントとサービスの間で通信するためのベストプラクティスは何ですか?
設計によるReduxは、SPAアプリケーションの構築を強制します。
まず、redux docsの例を参照してください。 "Real World"が最も便利です。 https://github.com/reactjs/redux/ tree/master/examples/real-world
次に、redux-promise-middlewareのような有用なユーティリティを調査できます。
最後に、redux-appをAPIに接続するためにいくつかの複雑なユーティリティを使用することを試みることができます。 redux-rest-adapterはその1つです。