ReduxとRxjsと非同期処理 - 株式会社Rmake Blogs
Keywords: 技術 ES2015 JavaScript Redux RxJS ReactNative React Native for Web 黒田 大介(Dycoon)です。 Application architectureの理解を深めておこうと思いReduxやRxJSで実験的なプログラムを書いてみました。 特にReduxでの非同期処理をどう書くべきかと言うのはよく話題になるのでそこに重点を置いて確認してみました。 実験プログラムの機能は以下のとおりです。 Reduxのexampleのtodoの機能 localStorageへの保存機能（最小限の非同期処理として） これを以下の組み合わせで作りました。 Redux+redux-observable RxJS(Reduxの役割をRxJSである程度再現) デモはこちらです。 https://rmake.github.io/react-n
RxJS Real World // Speaker Deck
All slide content and descriptions are owned by their creators.
Angular + RxJS + WebSocket で チャットアプリを作る – Subject 利用サンプル | DevelopersIO
以前、別の記事でAkka製のチャットサーバを作ったのでシンプルなクライアントアプリも作りました。 バージョン情報 パッケージ名 バージョン WebSocketとSubjectの連携イメージ RxJSの部品は、今回 Subject を使います。Subjectは、定義したバックエンドのデータソースを Subscribe することができ、なおかつバックエンドに対して next によりデータを送出する能力をもっています。一方でWebSocketはコネクションが成立した後、 onmessage イベントに対するハンドラを登録してデータ受信時のアクションを定め、 send によってデータを送信します。この時点で Subject と WebSocketは相性が良いのではないかと考えました。実際この考えを実装した先人がいます。 WebSockets with Angular2 and RxJS – Łuk
RxJS を学ぼう #5 - Subject について学ぶ / Observable × Observer | Recruit Tech Blog
RxJS を学ぼう #5 - Subject について学ぶ / Observable × Observer wakamsha RxJS にはイベントストリームを流す『Observable』とそこを流れる値を受け取る『Observer』と二人の役者がいますが、一人二役をこなすものが別にいます。それがSubjectです。今回はこの Subject について詳しくご紹介します。 RxJS/subjects.md at master · Reactive-Extensions/RxJS 【おさらい】COLD の場合、Observable はそれぞれの Observer に対して個別に値を流す RxJS を学ぼう #4 - COLD と HOT について学ぶ / ConnectableObservable Subject を理解するにはまず『COLD』と『HOT』の概念が頭に入っていなくてはなりませ
リアクティブ・プログラミングに特化した JS フレームワーク Cycle.js を学ぼう #1 - 導入編 | Recruit Tech Blog
リアクティブ・プログラミングに特化した JS フレームワーク Cycle.js を学ぼう #1 - 導入編 wakamsha 2019年4月更新 : RxJS v6 に対応しました。 過去数回に渡って RxJS の基本的な使い方をご紹介してきました。 RxJS を学ぼう #1 - これからはじめる人のための導入編 RxJS を学ぼう #2 - よく使う ( と思う ) オペレータ15選 RxJS を学ぼう #3 - 知ってると便利な ( かもしれない ) オペレータ 8選 RxJS を学ぼう #4 - COLD と HOT について学ぶ / ConnectableObservable RxJS を学ぼう #5 – Subject について学ぶ / Observable × Observer RxJS 自体はリアクティブ・プログラミングを実現するためのいちライブラリであり、いわゆる Angu
実装して学ぶRxJS - undefined
実際にいくつかのオペレータを実装してみたらRxの気持ちがわかるかと思い実践してみました。 簡素化するために以下の方針とします。 unsubscribeしない errorハンドリングしない 実装してみたのは以下です。 of map subject filter delay fromPromise combineLatest switchMap Observable 何はともあれ、まずはObservableを実装します。 class Observable { constructor(producer) { this.subscribe = producer } } コードはこれだけで、producerを受け取って、自身のsubscribeに接続します。 producerはobserverを引数にとって、次に、どんなタイミングで、どんな値を流すか決定する関数です。 現時点ではイメージもわかないと
RxJS を学ぼう #3 - 知ってると便利な ( かもしれない ) オペレータ 8選 | Recruit Tech Blog
RxJS を学ぼう #2 – よく使う ( と思う ) オペレータ15選 というエントリにて『頻出するオペレータ』をご紹介しました。RxJS 5.x系には約90ものオペレータがありますが、いきなりその全てを習得するのは無理がありますし必ずしも全てを知る必要はありません。 今回は前回ご紹介したものほど使う頻度は高くないけど、知っているとなにかと便利なオペレータをご紹介します。前回と今回のを合わせればそこそこのアプリケーションは作れてしまうのではないでしょうか。 Observable.do Observable ソースから流れてくる全ての値に対して任意の処理 ( 副作用 ) を実行します。ただし、do の戻り値は ソースから流れてきた Observable そのままで、副作用の結果は流れません。 const clicks = Rx.Observable.fromEvent(document.q
RxJS を学ぼう #2 - よく使う ( と思う ) オペレータ15選
RxJS 5.x系には約90ものオペレータがありますが1)4.x系の頃は約140あったので、これでも相当少なくなった方なのです…、いきなりその全てを習得するのは無理がありますし必ずしも全てを知る必要はありません。頻繁に利用するのはそのうちのごく一部であり、あくまで所感ですが二十も覚えれば大概のアプリは作れることでしょう。 今回はいま現在実際に開発している弊社プロダクトのコードから特に使用頻度の高いオペレータ15個をご紹介します。 RxJS/categories.md at master · Reactive-Extensions/RxJS rxjs/MIGRATION.md at 5.0.0-beta.0 · ReactiveX/rxjs Converting events to Operators Observable.of 引数に渡された値をそのまま流して終了するだけの Observa
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
