as service

アッセービス

データをサービスとして使用します

任意のデータを購読するための非常にシンプルで使いやすいリアクティブライブラリ。 React JSのフックが含まれています。

---

それは正確に何をしますか？

プログラマー（バックエンドとフロントエンドの両方）が、RXJSのようなReact ReduxやReactiveプログラミングパターンライブラリなどの従来の国家管理システムの複雑さを回避するのに役立ちます。軽量で使いやすいライブラリには、1つのコア機能とReactのフックが含まれています。それを使用することにより、プリミティブ、複雑な、約束、機能などのデータ型の大部分をサービスとしてサブスクライブし、特定のパラメーター（パラメトリックサブスクリプション）ですべての変更を受信できます。 Simplscribe-Unsubscribeプロセスを制御する必要さえありません。単純なフックでのReactでは、すべてのプロセスを自動的に実行します。

インストール

npm i @ barteh/as-service --save

使用法

インポートライブラリ

 import { AsService , Server } from "@barteh/as-service" ; 

1つ：サービスとしてのプリミティブタイプ（number | string | array）

 var srv1 = new AsService ( 5 ) ; // number as service
srv1 . Observable ( )
. subscribe ( a => console . log ( "ser1 data via observable is:" , a ) ) ;

srv1 . load ( ) . then ( a => console . log ( "ser1 data via promis:" , a ) ) ; 

2：サービスとしての純粋なオブジェクト

 var srv2 = new AsService ( { x : 9 } ) ; // object as service

srv2 . Observable ( )
. subscribe ( a => console . log ( "ser2 data via observable is:" , a ) ) ;

srv2 . load ( ) . then ( a => console . log ( "ser2 data via promis:" , a ) ) ; 

3つ：サービスとしての機能（パラメトリック観測可能）

 var srv3 = new AsService ( param => param * 3 ) ; // function as service
srv3 . Observable ( 2 ) //parametric observe
. subscribe ( a => console . log ( "ser3 data via observable is:" , a ) ) ;

//passing (Number) 2  as parameter
srv3 . load ( 2 ) . then ( a => console . log ( "ser3 data via promis:" , a ) ) ; 

4：サービスとしての約束

 var ser4 = new AsService ( param => new Promise ( ( res , rej ) => res ( `im promise with parameter: ${ param } ` ) ) ) ;

ser4 . Observable ( "myparam" )
. subscribe ( a => console . log ( "srv4: " , a ) ) ;

ser4 . load ( "myparam" ) ; 

5：サービスとしてのXHR

組み込みの高度なメソッドを使用して、[サーバー] axiosをラップして、HTTPサーバーとキャッシュデータのLocalForgeからデータを取得します。次のサンプルでは、​​クラス[サーバー]をアッセーサービスの入力として使用します。これではなく、独自のXHRライブラリを使用できます。

http：//myserver/contacts/getContact.ctrl HTTP RESTサービスが存在する場合。

 import { AsService , Server } from "@barteh/as-service"

var controller1 = ( x , y ) => Server . controller ( "contacts" , "getcontact" , { name : x , lname : y } ) ;

var srv5 = new AsService ( controller1 ) ;

srv5 . Observable ( "Ahad" , "Rafat" )
. subscribe ( a => console . log ( "srv5:" , a ) ) ; 

6：状態を観察します

サービスの現在の状態は観察可能な状態であり、["start"、 "loading"、 "idle"]の1つになります。

 var srv6 = new AsService ( 8 ) ;

srv6 . StateObservable ( 77 ) . subscribe ( a => console . log ( "current state is: " , a ) )

srv6 . load ( 77 ) ; 

出力

 > ser1 data via observable is: 5
> ser2 data via observable is: { x: 9 }
> ser3 data via observable is: 6
> srv4:  im promise with parameter: myparam

セブン：アサベイスとしてのアサバス（再帰サービス）

ASN Asserviceは、Mapperが同じローダーを使用してコンストラクターの引数を使用できます。これは、サービスを他のサービスから導き出すのに役立ちます。サービスの複雑さを減らし、コードの再利用性を高める場合に重要です。

 const ser1 = new AsService ( [ 5 , 6 , 7 , 8 ] ) ;
const ser2 = new AsService ( ser1 , /*mapper*/ a => a . map ( b => b * 2 ) ) ; //=> [10,12,14,16] 

8：Map（）演算子を使用したサービスから派生します。

MAPオペレーターを使用して、別のサービスから派生した新しいサービスを作成できます。この演算子は、データとパラメーターの両方をマッパー関数に送信します。マッパーパラメーターは、ローダーパラメーター以上のものです。

 /*map(data,...params)*/
const ser1 = new AsService ( ( x , y ) => x + y ) ;
const ser2 = ser1 . map ( ( data , x , y , z ) => data + z ) ;

ser1 . load ( /*x*/ 1 , /*y*/ , 2 , /*z*/ , 3 )
. then ( a => console . log ( a ) ) ;
// output 
// > 6

 const ser1 = new AsService ( [ 5 , 6 , 7 , 8 ] ) ;
const ser2 = ser1 . map ( a => a . filter ( b => b < 7 ) ) ; // ==> [5,6]

テスト

npm test

WebとノードJSの両方に使用します

建てる

npm run build

ES5で使用します

 var { AsService } = require ( "@barteh/as-service" ) ;

var t = new AsService ( 8 ) ;

t . Observable ( )
. subscribe ( a => console . log ( a ) )

ライセンス：MIT