Step-by-Step Async JavaScript with RxJS
RxJS is tremendously helpful in working with asynchronous code, but you’ve probably been stuck trying to use concepts you already know from Promises or Callbacks and applying them directly to RxJS. These lessons walk you through the step-by-step of building a simple game application with many asynchronous pieces. Each lesson focuses on a single operator or idea of how RxJS helps simplify your code
RxJSでMVVMやってる - @hadashiA
Rxは、すごくUIを書くのに向いているのではないだろうか。アプリケーションの状態を山盛りの変数で管理することから解放され、状態から状態へ変換する関数を書けばよくなるから。 非同期処理を同期っぽく書きたいならawait でいいじゃん。UIイベントを宣言的に書きたければ 2-wayバインディングがあれば良いじゃん。という話では終わらず、その辺の問題解決に加えて、値の発生器を全て同じ宣言にまとめられ、状態変数がなくなるところが書いていて楽しいところです。 // たとえば、、 Observable.fromEvent(searchBox, 'input') // 検索窓に字が打ちこまれたら .debounce(500) // 0.5秒ごとに .map(e => e.target.value) // 入力されたテキストを .filter(q => q.length > 0) // 1文字以上の場合だ
RxJSで副作用を扱うにはどうするか - Schedulerを交えて - saneyuki_s log
Rx.Scheduler RxにはSchedulerと呼ばれる主要概念がある. 値がpushで飛んでくるというRxのインパクトの後ろに隠れがちなSchedulerではあるが, これにより, 処理系のスレッドモデル（並行性）と時間軸にまつわるタイミングの制御を統一的に扱えるようにしている. 後続へのoperatorへの値の送出タイミングの制御, Observableの処理スレッドの指定, タイマーのモックへの差し替えなどがSchedulerによって実現されている. さてJavaScriptの場合, 原則的には単一スレッドの世界になる. Javaや.NETの場合とは違い, RxのSchdulerの役割は回り続けるイベントループ抽象となる. 永久に回り続けるイベントループの中で, どの時点で処理をdispatachするかがSchedulerの役目だ. JavaScriptの世界にはメモリ空間を共
RxJSのいろいろ雑感（2015年8月末編） · GitHub
rx_for_js_matomme.md RxJSのいろいろ雑感（2015年8月末編） Rx for JavaScriptについて、色々触った結論としてはこんな感じ あくまでも現時点の感想なんで、そのうち認識が変わるかも JavaScriptでRxを使う人ターゲットなんで、他の言語portにも効く話かはわからない 総論 気をつけること FRPライブラリではない（と考えた方がいい） 世のRxJS紹介記事の多くはFunctional Reactive Programmingのためのライブラリであり関数型バリバリのように語っている事例があるが、信じ切って書くとロクなことにならないので、「雰囲気が似てる」程度に思う程度がちょうどいい It is sometimes called “functional reactive programming” but this is a misnomer. Re
Good bye Flux, welcome Bacon/Rx?
Facebook introduced Flux about a year ago for client-side web application building and since then it has become one of the hottest tech in the web development scene. The task of Flux is to isolate business logic from the user interface logic by using dispatcher, stores and actions. The core idea is the unidirectional data flow which means that actions are propagated through the entire system in re
RxJSをもくもくしてReactivePropertyの価値らしきものを気づかされた話（仮） - saneyuki_s log
Reactive Extensions JS port（RxJS）をもくもくしていた結果、C#界隈がReactive Propertyを作り出した理由が（なんとなく）わかってきた。 Rxの流儀にのっとれば、ある値を使おうとする場合、その値を生成するObservableの結果を受けて、そのObservableも同様に……とObservableの依存関係を作っていく必要がある。 Rx.Observable.do()メソッド中に、関数外のグローバル変数などを副作用なmutateをさせてもいいが、これは基本的によろしくない。Rxで実行される各Observerが、一体どのタイミングが動作するかの順序保証が本来的には存在しないためだ。イベントループがひとつしかない & Workerは完全にメモリ空間が分割されたアクターライク & Rx.SchedulerもDOMのイベントループ原則に則るJavaScr
歌舞伎座Tech Rx会
13. _result1 = null; _result2 = null; _apiLoader.addEventListener(onLoad); _apiLoader.load(url); function onLoad(event){ _result1 = event.target.data; _apiLoader.removeEvent(onLoad); _apiLoader.addEventListener(onNext); _apiLoader.load(url); } function onNext(event) { _result2 = event.target.data; _apiLoader.removeEvent(onNext); } 一般的なEventListener例 その2 APIを順番に2つ リクエストする場合 14. _result1 = null; _re
Observable Everywhere - Rxの原則とUniRxにみるデータソースの見つけ方
2. @neuecc - Who, Where, When 2009/04 linq.js – LINQ to Objects for JavaScript https://linqjs.codeplex.com/ この頃からずっとLINQを追いかけてる 2009/09/04 最初のRx記事、以降現在まで70以上は書いてる http://neue.cc/category/programming/rx/ 2011/04~ Microsoft MVP for .NET(C#) 野良C#エヴァンジェリスト（現在も継続中） 3. @Work, @LINQ 2012/10~ 株式会社グラニ 取締役CTO 「神獄のヴァルハラゲート」「モンスターハンターロアオブカード」 サーバー/クライアント共に「最先端 C# 技術を使った」ゲーム開発 C# 5.0 + .NET Framework 4.5 + ASP
歌舞伎座tech発表資料 RxJSの中を追う
歌舞伎座techのRxJSの内部処理を追ったスライドです。Hot/Coldのお話とか。Read less
「RxJS」初心者入門 - JavaScriptの非同期処理の常識を変えるライブラリ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、王です。 みなさん、「RxJS」をご存知でしょうか？ すごく大雑把に言うと、RxJSとは非同期処理（マウスクリックなどのイベントベースの処理も含める）をするときに超絶便利なライブラリです！ イメージしやすいように「便利」とは言いましたが、決して「便利」という言葉ではおさまらないくらいのインパクトがあると思います。ちょっとした「イノベーション」に近い感覚です。 今回は、RxJSを全く知らない初心者でもとっつきやすいように説明してみたいと思います。少し記事が長くなりますが、最後までお読みいただければ幸いです！ 目次 ReactiveXについて 非同期処理の問題点 RXと「Observerパターン」 ウォーミングアップ イベントを配列のように操る？ Stream（ストリーム） ストリームを操作する「オペレーター」 オペレーションチェーン ObserverとObservable Col
ECMAScript7を見据えた、JavaScript(TypeScript)で使えるFRPライブラリの比較調査 - Qiita
RxJSはC#発祥のReactive Extensionsのjs移植。基本的に他言語でも統一された仕様に従っている。 RxJS = Observables + Operators + Scheduler ということになっている。 ObservableにはHotとColdという注意すべき特性があり、とくに型で区別している訳でもなく、メソッドで判別しなければいけないので難しい。 Rxからほとんどのメソッドを導入しているので、メソッドが非常に多いが、機能の少ないlite版もある。 Bacon.js Bacon.jsはRxJSが非オープンソースでドキュメントが少ない時代に作られ始めたらしい。（reactive-baconが前身っぽい） 設計思想的にはRxJSより一貫性があるとされる。 RxJSのHot, Coldという特性の違いが気に入らず、Coldを廃したような挙動にしている。 EventStr
Introducing the Observable
In this lesson we will get introduced to the Observable type. An Observable is a 'collection that arrives over time'. Observables can be used to model events, asynchronous requests, and animations. Observables can also be transformed, combined, and consumed using the Array methods we learned in the previous lessons. We can write powerful and expressive asynchronous programs using the few simple me
Reactive MVC and the Virtual DOM
The web frontend scene is witness to many new frameworks and ways of working. It can be quite annoying when software becomes legacy quicker than ever. But actually, it's just good old innovation happening as it should, because the opportunities for improvement are there. Frameworks come and go, but what remains are the good ideas that they brought to the world. We're going to talk about the good i
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - jas-chen/rx-redux: A reimplementation of redux using RxJS.
GitHub - ericelliott/irecord: An immutable store that exposes an RxJS observable. Great for React.
Clean Architectureで設計してRxJSを使った話