Redux で同期、非同期 API 通信を行う [React.js] | 酒と涙とRubyとRailsと

Redux で API を使って外部と通信をするのに適切なレイヤーは Action Creator が良いとされています。 😼 Action Creator についてAction Creator とは、Action を作るためのロジックを記載する部分です。 // Action creator function setUserName(userName) { return { type: "SET_USER_NAME", UserName }; } Action Creator はシンプルな Action オブジェクトを返す想定になっており、同期処理が前提となります。 🐡 Action Creator での非同期処理Action Creator で非同期処理を行うためには、以下の middleware を使うのが一般的なようです。 redux-thunk redux-saga 🐝 Sa