RxJS Observable interop with Promises and Async-Await
Every now and then I’m asked a question about how to use async functions or promises with RxJS, or worse, I’m told some “fact” about how async-await and Observables don’t really “work together”. RxJS has, from inception, had a high degree of interoperability with Promises. Hopefully this article will shed some light on that. If it accepts Observable, it accepts PromiseFor example, if you’re using
Promise Cancellation Is Dead — Long Live Promise Cancellation!
Promise Cancellation Is Dead — Long Live Promise Cancellation! Not very long ago Domenic Denicola (worth a follow, a very smart guy) withdrew his proposal for promise cancellation from the TC39. A lot of people might think that means that promise cancellation isn’t coming to JavaScript. Those people would be right, if you couldn’t already cancel a promise via very similar means to what was propose
Async Redux Actions With RxJS - React Rally 2016
Redux-observable allows combining RxJS and Redux by introducing Epics. Epics are Observable streams that handle asynchronous logic in response to Redux actions. This avoids callback hell and enables features like cancellation. An Epic takes an action stream, performs asynchronous operations like AJAX calls using RxJS, and dispatches result actions. This keeps Redux synchronous while managing compl
RxJS の練習 - Qiita
Cycle.js の勉強を始めて、RxJS の基本練習の量をこなすことが必要になり、いろいろ試したことを記録に残すことにしました。最小限どんなオペレーターを学べばよいのかは RxJS の開発者のあいだでも課題として考えられており、Staltz さんは RxJS の軽量バージョンの xstream を公開しています。xstream の紹介記事はこちらをご参照ください。 セットアップ babel-node ターミナルで ES6 (ES2015) のスクリプトを試すには babel-node が便利です。利用するには babel-cli をインストールします。
Introduction | Learn RxJS
Clear examples, explanations, and resources for RxJS. By @btroncone RxJS is one of the hottest libraries in web development today. Offering a powerful, functional approach for dealing with events and with integration points into a growing number of frameworks, libraries, and utilities, the case for learning Rx has never been more appealing. Couple this with the ability to utilize your knowledge ac
Learning Observable By Building Observable
I’ve since rewritten the piece and moved it to my personal blog here:https://benlesh.com/posts/learning-observable-by-building-observable/ Frequently via social media, or in person at events, I’m asked questions about “hot” vs “cold” observables, or whether or not an observable is “multicast” or “unicast”. People seem to be really mystified by what they feel to be the dark inner-workings of `Rx.Ob
RxJS の代わりに xstream を使う - Qiita
xstream を開発する動機 xstream の開発者である Staltz さんは RxJS のコントリビューターでもあり、RxJS を使ったフレームワークである Cycle.js の作者です。Staltz さんは WHY WE BUILT XSTREAM の記事のなかで xstream を開発する動機を述べています。 ストリームとは何か、リアクティブプログラミングとは何かについては「あなたが求めていたリアクティブプログラミング入門」の記事が参考になります。「Everything is stream」(すべてがストリーム) がマントラです。 xstream の位置づけは RxJS を補うものであり、一般的なリアクティブプログラミングの用途では RxJS のほうがすぐれているとのことです。 xstream のオペレーターの数は RxJS と比べて少なく、初心者にわかりやすい直感的な名前にし
André Staltz - Why we built xstream
For the past two years I have been using RxJS extensively, in Cycle.js and in other contexts. Recently, TylorS and I have decided to build a new reactive streams library comparable to RxJS, called xstream. TL;DR: we needed a reactive stream library tailored for Cycle.js. It needs to be “hot” only, so users don’t need to think about subscription semantics hidden in drivers. It should have only a fe
RxJS 5 Operators By Example
rxjs_operators_by_example.md RxJS 5 Operators By Example ⚠️ UPDATE: I have moved the contents of this gist plus more to http://www.learnrxjs.io and https://github.com/btroncone/learn-rxjs. For expanded examples, explanations, and resources, please check out this new location! A complete list of RxJS 5 operators with easy to understand explanations and runnable examples. Table of Contents buffer bu
Hot vs Cold Observables
TL;DR: You want a HOT observable when you don’t want to create your producer over and over again. COLD is when your observable creates the producer// COLD var cold = new Observable((observer) => { var producer = new Producer(); // have observer listen to producer here });HOT is when your observable closes over the producer// HOT var producer = new Producer(); var hot = new Observable((observer) =>
André Staltz - The reducer pattern in Cycle.js
The “reducer” pattern from Redux (or the “update” pattern from the Elm architecture) is common also in Cycle.js, except there is no switch-case (or pattern matching block) because each reducer corresponds to one (and only one) action. See this example code where each action stream is being mapped to a “reducer” function. const setHighlightReducer$ = actions.setHighlight$ .map(highlighted => functi
André Staltz - How to debug RxJS code
A common question from beginners learning RxJS is “how do I debug this?”. The short answer is: you have to depend mostly on drawing diagrams on paper and adding .do(x => console.log(x)) after operators, but it will get a lot better with the arrival of RxJS 5. Now starts the long answer. Once you have Observables everywhere and RxJS is taking over control flow, the traditional debugger stops being
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - pubkey/rxdb: A fast, local first, reactive Database for JavaScript Applications https://rxdb.info/
André Staltz - Cold and hot callbacks
GitHub - ngrx/store: RxJS powered state management for Angular applications, inspired by Redux
GitHub - salsita/redux-saga-rxjs: RxJS implementation of Saga pattern for redux
Rx frame-limited animation - JSFiddle - Code Playground
GitHub - fdecampredon/rx-flux: The Flux architecture with RxJS
Basic example of RxJS and React
GitHub - escherpad/luna: a reactive redux library written using Rxjs with built-in thunk and async action support