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
FN1704002 | Angular 2入門 08: HTTPサービスが返すObservableを使ったデータの検索 | HTML5 : テクニカルノート
ID: FN1704002 Technique: HTML5 / JavaScript Package: Angular 2.2 「Angular 2入門 07: HTTPサービスでデータを追加・削除する」(以下「Angular 2入門 07」)でつくったサンプル「Angular 2 Example - Tour of Heroines: Part 7」は、HTTPサービスによりリモートにデータを追加し、削除もできるようにしました。さらに、データを検索する機能も加えましょう。そのとき、HTTPサービスが返すObservableオブジェクトを使います。 01 Observableを使う Httpクラスのサービスメソッドにリクエストを送ると、ResponseオブジェクトのObservableが返されます。Responseは名前のとおり、レスポンスを受け取るときに使うクラスです。 「Angula
💪 Managing State in Angular with Mobx
Every developer knows state management is difficult. Continuously keeping track of what has been updated, why, and… Every developer knows state management is difficult. Continually keeping track of what has been updated, why and when, can become a nightmare, especially in large applications. In the Angular world, several solutions can make state management less painful, complicated, and brittle. T
RxJS Advanced Tutorial: Use the Madlibs API
In this tutorial series, we'll learn how to build a small app with some big concepts. We'll cover reactive programming with Reactive Extensions (Rx*), JS framework component interaction in Angular, and speech recognition with the Web Speech API. The completed Madlibs app code can be found at this GitHub repo. In this part, we will cover: Keyboard component fallback if user's browser does not suppo
switchMap - Learn RxJS
signature: switchMap(project: function: Observable, resultSelector: function(outerValue, innerValue, outerIndex, innerIndex): any): Observable 💡 If you would like more than one inner subscription to be maintained, try mergeMap! 💡 This operator is generally considered a safer default to mergeMap! 💡 This operator can cancel in-flight network requests! The main difference between switchMap and oth
@ngrx/storeと@ngrx/effectsの使い方 - Qiita
NgRx v9に対応しました NgRxはAngularアプリケーション用の状態管理ライブラリです。 本記事では、簡単なサンプルを通して@ngrx/storeと@ngrx/effectsの使い方を紹介します。 ※ サンプルはNgRx v9系で書かれています この記事の対象者 Angularを利用している方 Angular + RxJSで状態管理をしたい方 NgRxを触ってみたい方 TL;DR NgRxはいいぞ。 https://stackblitz.com/edit/ngrx-todo-v9 NgRxの概要 NgRxはAngular用の状態管理ライブラリです。NgRxを利用するとAngularを利用したアプリケーションでReduxのような状態管理ができます。 NgRxは下図のような構成になっており、Reduxと非常によく似ています。 https://ngrx.io/guide/store よ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
✨ngx-reduxor: Do you use ngrx in your Angular app? Check this generator!
NGRX Store + Effects | Learn NGRX Store and Effects with our online course - Ultimate Courses™
Stop using ngrx/effects for that
RxJS, mixpanelで実装するSPAの行動分析基盤
"RxJS Logo" Essential T-Shirt for Sale by hipstuff
mergeMap / flatMap - Learn RxJS