簡単にRxjsパイプをデバッグする方法
2633 ワード
私が最初に反応プログラミングとRXJSに接近し始めたとき、私はデータがどのようにオブザーバブル、パイプ、オペレーターなどを通して流れるかを理解するために少し苦労しました.私は大理石の図を助けなければならなかったが、彼らは頭痛の増加を助けた.
私は、より経験豊かな開発者が複雑なパイプをデバッグするのを助ける間、初心者がRxjsに接近するのを助けることができた何かを作成したかったです.
これは、rx-debugger生まれです!
どうやって動くの?
RXデバッガから始めるのは簡単です.あなたがしなければならないのは、ソースの観測可能なパッチとライブラリによってエクスポートされた演算子を使用しています.
以下に例を示します.
それは超クールではないか.
ところで、RXデバッガはコンソールでテーブルを印刷するより多くのオプションをサポートします.docsのすべてのオプションを見つけることができます.
貢献
RXデバッガはオープンソースで、GitHubでホストされています.完全に機能している間、それは開発の初期段階にあり、任意のヘルプやフィードバックをいただければ幸いです!
私は、より経験豊かな開発者が複雑なパイプをデバッグするのを助ける間、初心者がRxjsに接近するのを助けることができた何かを作成したかったです.
これは、rx-debugger生まれです!
どうやって動くの?
RXデバッガから始めるのは簡単です.あなたがしなければならないのは、ソースの観測可能なパッチとライブラリによってエクスポートされた演算子を使用しています.
以下に例を示します.
import { rxDebugger, map, toArray } from 'rx-debugger';
import { of } from 'rxjs';
rxDebugger(of(1, 2, 3))
.pipe(
map((item) => item * 2),
toArray()
)
.subscribe();
そうすることで、コンソールできれいに出力される出力を得ることができます.それは超クールではないか.
ところで、RXデバッガはコンソールでテーブルを印刷するより多くのオプションをサポートします.docsのすべてのオプションを見つけることができます.
貢献
RXデバッガはオープンソースで、GitHubでホストされています.完全に機能している間、それは開発の初期段階にあり、任意のヘルプやフィードバックをいただければ幸いです!
Reference
この問題について(簡単にRxjsパイプをデバッグする方法), 我々は、より多くの情報をここで見つけました https://dev.to/corradodellorusso/how-to-easily-debug-rxjs-pipes-2p4eテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol