as service

Serviço

Use quaisquer dados como serviço

Uma biblioteca reativa super simples e fácil de usar para assinar quaisquer dados. Contém um gancho para react js.

---

O que isso exatamente faz?

Ajuda os programadores (traseiros e front -end) a evitar a complexidade dos sistemas tradicionais de gerenciamento de estado, como o React Redux e a Biblioteca de Padrões de Programação Reativa, como o RXJS. É leve e fácil de usar a biblioteca contém uma função principal e um gancho para reação. Ao usá -lo, podemos assinar vasto a maioria dos tipos de dados, como primitivos, complexos, promessas e função como um serviço e receber todas as alterações por parâmetro específico (assinatura paramétrica). Nem precisamos controlar o processo de assinatura de inscrição no React com o simples gancho, ele faz todo o processo automaticamente.

Instalar

npm i @ barteh/as-service --save

Uso

Biblioteca de importação

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

um: tipo primitivo (número | string | Array) como serviço

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

Dois: objeto puro como serviço

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

três: função como serviço (paramétrico observável)

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

Quatro: promessa como serviço

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

cinco: xhr como serviço

O uso do nome de métodos avançados incorporados [servidor] envolve o AXIOS para recuperar dados do servidor HTTP e os dados do cache para cache. A amostra a seguir usa a classe [servidor] como entrada do reservatório. Você pode usar sua própria biblioteca XHR em vez disso.

Se http: //myserver/contacts/getcontact.ctrl http repount Service.

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

Seis: Observe o estado

O estado atual de um serviço é observável, os estados podem ser um dos ["Start", "Carregando", "Idle"]

 var srv6 = new AsService ( 8 ) ;

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

srv6 . load ( 77 ) ; 

Saída

 > 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

Sete: Aserve como Serviço (Serviço Recursivo)

O ASN Service pode usar o argumento do construtor com mapeador deferente, mas o mesmo carregador. Isso é útil para derivar um serviço de outros. É importante se você deseja diminuir o número de serviços de complexidade e aumentar a reutilização do código.

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

oito: deriva de um serviço usando o operador map ().

Você pode criar um novo serviço derivado de outro serviço usando o operador de mapa. Este operador envia dados e parâmetro para a função Mapper. Os parâmetros do mapeador podem ser mais do que parâmetros do carregador.

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

Teste

npm test

Usando tanto para a web quanto o nó js

Construir

npm run build

Use no ES5

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

var t = new AsService ( 8 ) ;

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

Licença: MIT