as service

Активис

Используйте любые данные в качестве услуги

Супер простая и простая в использовании реактивную библиотеку для подписки на любые данные. Содержит крючок для React JS.

---

Что именно это делает?

Это помогает программистам (как на заднем, так и в переднем конце), чтобы избежать сложности традиционных систем управления состоянием, таких как React Redux и библиотека схемы реактивного программирования, такие как RXJS. Он легкий и прост в использовании библиотеки содержит одну основную функцию и крюк для 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 как сервис

Использование встроенных встроенных методов Имя [Server] Axios для поиска данных с HTTP -сервера и LocalForge для данных кэша. Следующий пример использует класс [сервер] в качестве ввода Asservice. Вы можете использовать свою собственную библиотеку XHR вместо этого.

Если http: //myserver/contacts/getcontact.ctrl http 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 ) ) ; 

Шесть: наблюдайте за государством

Текущее состояние услуги является наблюдаемым состояниями может быть одним из [«Start», «загрузка», «idle»]

 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

Семь: Ассистент как обширная (рекурсивная служба)

Asservice 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 ().

Вы можете создать новую службу, полученную из другой службы с помощью оператора карты. Этот оператор отправляет как данные, так и параметр в функцию Mapper. Параметры Mapper могут быть более чем параметрами загрузчика.

 /*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, так и для Node JS

Строить

npm run build

Используйте в ES5

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

var t = new AsService ( 8 ) ;

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

Лицензия: MIT