ractive

RxJSを用いた実装パターンの実例まとめ(後編)

フロントエンド

• 2016.09.14
• JavaScript, ractive, rx, TypeScript

小飼です。 前回に引き続き、RxJSのコード実例を紹介します。 ドラッグストリームの作成 onmousedown・onmouseup・onmousemoveイベントから作ったストリームをより合わせて、 『マウスドラッグ』というストリームを作成します。 こういった『既存のDOMイベントを混ぜ合わせて新しいストリームを作る』ようなことは、Rxの最も得意とする領域だと思います。 const { merg […]

続きを読む

RxJSを用いた実装パターンの実例まとめ(前編)

フロントエンド

• 2016.09.08
• JavaScript, ractive, rx, TypeScript

小飼です。 今夏弊社では、クライアントサイドでの状態遷移・保持にReactiveProgrammingの考え方を用いたアプリケーションを制作していました。 その過程で見つけた、いくつかの実際的なストリーム作りのパターンをまとめておきます。 ReactiveProgrammingの(考え方を含めた)入門記事や、パラダイムの骨子を詳細に解説した記事は沢山あると思うのですが、実際のアプリケーションでどう […]

続きを読む