ランサーズ等のサービスを開発・運用する中で得た知識やノウハウを紹介しています。

thumbnail

Labels:  JavaScript 投稿者:mori-dev

コールバックスタイルの外部ライブラリなどの関数を redux-saga で使うには

です。本日の課題とその対処です。

課題

外部ライブラリの関数が、コールバックスタイルのため、redux-saga の自前実装部分との実装の統一感がない。たとえば、navigator.geolocation.getCurrentPosition で現在地を取得することを考えます。以下のようなコードをコンポーネントに書くのは微妙です。

対処

Promise でラップすることで、redux-saga の call が使えて、普通の API コール系と同様に書けるようになります。他とアプローチを揃えておくと、将来的な抽象化の可能性などもあがっていいですね。

ランサーズではサービスを成長させてくれるエンジニア、デザイナーを募集しています!
ご興味がある方は、以下URLよりご応募ください。

PHPエンジニア
Rubyエンジニア
サーバーサイドエンジニア
SREエンジニア
フロントエンドエンジニア
その他採用情報

関連記事

thumbnail
某お笑い番組っぽい結果発表シーンを JavaScript CSS で再現してみた

tsuyoshi(@numanomanu)です。ランサーズアドベントカレンダ−3日目の記事です。前回 React Redux を用いた SPA 新規サービスを運用して得た知見と実装例 を書いたので、今回も引き続き javascript 周りについて書きました。 …

thumbnail
react.js/redux/webpack/flowtype なプロジェクトでの stylelint の導入手順

こんにちは。森です。 最近コードレビューで「CSS の `:` のあとにスペースがあったりなかったりします」と指摘され、つい悲しくなって stylelint を導入しました。react.js/redux/webpack/flowtype なプロジェクトです。こ …

thumbnail
React × Redux で action 発行時に確認ダイアログを挟む middleware の実装例

pookチームのtakepoです。 今回は、React × Redux でstateを変更する時にダイアログ等で確認表示を挟みたいときの良い方法をご紹介します。 その場合の例として、「ユーザーの情報を更新するとき、更新しても良いかを一度確認するダイアログ表示す …