RxJSの基本をまとめてみた~基本的な概念編(Observable、Observer、Subscriptionなど)~ - Qiita
RxJSの基本をまとめてみた~基本的な概念編(Observable、Observer、Subscriptionなど)~JavaScriptTypeScriptRxJSRxReactiveX RxJSの基本をまとめてみた~基本的な概念編~ Angularで使用していたRxJSだが、もっと深くちゃんと理解しようと思い学習したので、これから何回かに分けてまとめる。 仕組みを理解するために、ちょっと冗長な書き方をするところがある。 「これどうなの?」とか「意訳おかしくね?」という部分があったら、ご指摘いただけるとありがたいです。 今回の範囲 今回は、RxJSやリアクティブプログラミングの基本的な概念である、データストリーム、Observable、Observer、Subscription関連についてまとめたいと思う。 今回は、RxJSの公式ドキュメントをかなり参考にさせていただいた。 RxJSとは
RxJSでひとまとめの複数の非同期処理のうち一つでもエラーになったら他の全ての非同期処理を破棄するコードを書いた - Qiita
ちきさんです。 Scalaのfor yieldみたいなことをRxJSで表現できないかと思ってやってみました。 ひとまとめの複数の非同期処理のうち、一つでもエラーになったら他の全ての非同期処理を破棄するRxJSのコードです。 デモ → http://jsbin.com/xerufem/10/edit?js,console エラーが一つもなければ出力に HELLO と表示されますが、そうでなければ (empty) と表示されます。ランダムに結果が変わるので何回かRUNボタンを押して動作を確認してみてください。 以下、JS Binのコードに少しコメントを足したものです。 ScalaのSomeとNoneに相当するものがObservable.ofとObservable.emptyになります。 const Observable = Rx.Observable // 9割の確率で成功する。 functi
RxJS v5を小さくバンドルする方法。import文の書き方で容量が変わる(v6の書き方も紹介) - Qiita
RxJS 5はES Modulesの import の書き方で容量が変わる。 利便性と容量のトレードオフの関係⚖ ※注意：この記事はRxJS 5について言及したものだ。RxJS 5では import 文の書き方で容量が変わるが、RxJS 6ではツリーシェイキングが可能な構造になっているので、一般的な書き方で容量がコンパクトになる。RxJS 6についてもこの記事の末尾で検証結果を記載している。 公式ReadMeにも書かれていることだが、バンドルツールで検証したので数値結果とともに4通りの記述方法を示す。 1. 全部まるっとimport import * as Rx from 'rxjs'; Rx.Observable.interval(200) .take(9) .map(x => x + '!!!') .bufferCount(2) .subscribe(value => console.
RxJS の Observable / Observer の概要 - Qiita
この記事は bouzuya's RxJS Advent Calendar 2015 の 2 日目かつ RxJS Advent Calendar 2015 の 2 日目です。 はじめに 今日の内容は公式リポジトリにあるドキュメント Exploring The Major Concepts in RxJS とほとんど同じものです。 また RxJS 4.0.7 を対象にしています。 Obervable と Observer RxJS における最も基本的なクラス Observable / Observer の概要を確認します。 Observable はデータソースを表すクラスで、名前どおり observe できる何かです。Observable からデータを受け取るには subscribe(observer) メソッドを呼び出します (メソッド名は observe ではありません) 。subscri
Reduxの概念をRxJSとTypeScriptで理解する(初心者向け) - Qiita
(2016/12/15追記) この記事はDeprecatedです。 Reduxの概念をRxJSとTypeScriptで理解する ver.2 が最新版になります。 GitHubリポジトリはこちら → ovrmrw/understanding-redux-with-rxjs git cloneしたらnpm installしてnum run tsですぐに動かせます。 (注: Reactの話は一切出てきません) Reduxとは Redux公式 アプリケーション全体で状態(state)を一つのJSONツリーの構造で持ち、それをActionがキックされる度に全体更新して配信するという概念。 僕は最初FluxとかReduxとかよくわからなかったけど、色々参考にしながら自分で書いてみたらようやく理解できました。 Middlewareという概念はよくわからなかったし今でもよくわかりません。 ロガーとか便利な
RxJS の Operators (6) - Observable のエラーハンドリング - Qiita
subscribe (Observer) の onError 各種 Operator よりまず subscribe (Observer) の onError です。Observable.throw でエラーを流してみましょう。 import { Observable } from 'rx'; Observable .throw(new Error('ERROR!!')) .subscribe( value => console.log(`onNext: ${value}`), error => console.log(`onError: ${error}`), () => console.log('onCompleted') ); // onError: Error: ERROR!! import { Observable } from 'rx'; Observable .from([1,
RxJS の Operators (7) - Observable Utility Operators (1) - Qiita
この記事は bouzuya's RxJS Advent Calendar 2015 の 9 日目かつ RxJS Advent Calendar 2015 の 9 日目です。 はじめに 今日は ReactiveX の Observable Utility Operators について RxJS の API ドキュメントやサンプルコードを書いていきます。 また RxJS 4.0.7 を対象にしています。 Observable.prototype.subscribe ReactiveX - Subscribe operator Observable.prototype.subscribe API Document Observable.prototype.subscribe Source Code リスト上は subscribe が挙げられていますが、もう特に書くことはないので割愛します。 Ob
RxJS5とredux-observableで最初にハマった部分やら得た知見やらの話 - Qiita
アヒルさんがぐるぐる回っててかわいかったので飛びついてみたけど色々サンプルが動かなくて可愛くなかったので動くまでもがいた。 成果物 githubに置いた pingボタンを押したらtrueになって1秒後にfalseになるサンプル。 https://jsbin.com/vayoho/6/edit ↑これとほぼおなじ コード 簡素化のために1ファイルに収めている import React from 'react' import ReactDom from 'react-dom' import { createStore, applyMiddleware } from 'redux' import { createEpicMiddleware } from 'redux-observable' import { connect, Provider } from 'react-redux' // r
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
RxJS 6.0 変更点まとめ（適宜更新） - Qiita