as service

助理

使用任何數據作為服務

一個超級簡單且易於使用的反應庫，用於訂閱任何數據。包含一個用於React JS的鉤子。

---

到底做什麼？

它可以幫助程序員（後端和前端）避免傳統狀態管理系統的複雜性，例如React Redux和Readive編程模式庫（例如RXJS）。它輕巧且易於使用庫包含一個核心功能和一個用於React的鉤子。通過使用它，我們可以訂閱大多數數據類型，例如原始，複雜，承諾和功能作為服務，並通過特定參數（參數訂閱）接收所有更改。我們甚至不需要控制用簡單掛鉤的React中的訂閱 - Unsubscribe進程，它會自動完成所有過程。

安裝

npm i @ barteh/as-service --save

用法

導入庫

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

一：原始類型（數字|字符串|數組）作為服務

 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 ) ) ; 

兩個：純對像作為服務

 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 ) ) ; 

三：作為服務的功能（參數可觀察）

 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 ) ) ; 

四：保證作為服務

 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" ) ; 

五：xhr作為服務

使用內置的高級方法名稱[服務器]將Axios包裝以從HTTP服務器和LocalForge檢索緩存數據。以下示例使用類[服務器]作為Asservice的輸入。您可以使用自己的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 ) ) ; 

六：觀察狀態

服務的當前狀態可觀察到狀態可以是[“啟動”，“加載”，“空閒”]之一。

 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可以將構造函數的參數與遞延映射器相同但相同的加載器使用。這對於從其他人提供服務很有用。如果您想減少服務複雜性並增加代碼的可重複性，這一點很重要。

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

八：使用Map（）運算符源自服務。

您可以使用MAP Operator創建從另一個服務派生的新服務。該操作員同時將數據和參數發送到映射器函數。映射器參數可以不僅僅是加載程序參數。

 /*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 ) )

許可證：麻省理工學院