RxJS-概要

この章では、RxJSの機能、長所、短所について説明します。ここでは、RxJSをいつ使用するかも学びます。

RxJSの完全な形式は Reactive Extension for Javascript。これは、オブザーバブルを使用して、非同期データ呼び出し、コールバック、およびイベントベースのプログラムを処理するリアクティブプログラミングを処理するJavaScriptライブラリです。RxJSは、他のJavascriptライブラリおよびフレームワークで使用できます。javascriptとtypescriptでもサポートされています。

RxJSとは何ですか?

RxJSの公式ウェブサイトによると、これは、監視可能なシーケンスを使用して非同期およびイベントベースのプログラムを作成するためのライブラリとして定義されています。1つのコアタイプ、Observable、サテライトタイプ(オブザーバー、スケジューラー、サブジェクト)、およびArray#extras(map、filter、reduce、everyなど)に触発された演算子を提供して、非同期イベントをコレクションとして処理できるようにします。

RxJSの機能

RxJSでは、次の概念が非同期タスクの処理を処理します-

観察可能

オブザーバブルは、オブザーバーを作成し、値が期待されるソースにアタッチする関数です。たとえば、クリック、dom要素からのマウスイベント、またはHttpリクエストなどです。

観察者

これは、next()、error()、およびcomplete()メソッドを持つオブジェクトであり、オブザーバブルとの相互作用がある場合に呼び出されます。つまり、ソースは、ボタンのクリックやHttpリクエストなどの例で相互作用します。

サブスクリプション

オブザーバブルが作成されたら、オブザーバブルを実行するためにサブスクライブする必要があります。実行をキャンセルするためにも使用できます。

演算子

演算子は、オブザーバブルを入力として取り込む純粋関数であり、出力もオブザーバブルです。

件名

サブジェクトは、マルチキャストできる、つまり多くのオブザーバーと話すことができるオブザーバブルです。イベントリスナーのあるボタンを考えてみましょう。ユーザーがボタンをクリックするたびに、addlistenerを使用してイベントにアタッチされた関数が呼び出され、同様の機能がサブジェクトにも適用されます。

スケジューラー

スケジューラーは、サブスクリプションを開始して通知する必要がある場合の実行を制御します。

RxJSをいつ使用するのですか?

プロジェクトが多くの非同期タスク処理で構成されている場合は、RxJSが適しています。デフォルトでは、Angularプロジェクトにロードされます。

RxJSを使用する利点

RxJSを使用する利点は次のとおりです。

  • RxJSは、他のJavascriptライブラリおよびフレームワークで使用できます。javascriptとtypescriptでもサポートされています。いくつかの例は、Angular、ReactJS、Vuejs、nodejsなどです。

  • RxJSは、非同期タスクの処理に関しては素晴らしいライブラリです。RxJSは、オブザーバブルを使用して、非同期データ呼び出し、コールバック、およびイベントベースのプログラムを処理するリアクティブプログラミングを処理します。

  • RxJSは、数学、変換、フィルタリング、ユーティリティ、条件付き、エラー処理、結合カテゴリの演算子の膨大なコレクションを提供し、リアクティブプログラミングで使用すると作業が楽になります。

RxJSを使用することのデメリット

以下は、RxJSを使用することの欠点です。

  • オブザーバブルを使用してコードをデバッグすることは少し難しいです。

  • Observablesの使用を開始すると、完全なコードがObservablesの下にラップされる可能性があります。