Skip to content

readme.md

Latest commit

 

History

History
157 lines (111 loc) · 4.65 KB

readme.md

File metadata and controls

157 lines (111 loc) · 4.65 KB

Callbag basics 👜

Basic callbag 팩토리 및 연산자 시작하기. Callbag은 스펙 이지만, callbag-basics은 사용할 수 있는 실제 라이브러리입니다.

Highlights:

  • Reactive 스트림 프로그래밍 지원
  • Iterable 프로그래밍 지원 (also!)
  • 동일한 operator가 위의 두 가지에 모두 적용됩니다.
  • 작다! 라이브러리의 크기는 7kB에 불과합니다!
  • 빠르다! xstream 및 RxJS보다 빠릅니다
  • 확장성: 코어 라이브러리가 없습니다. callbag은 모두 유틸리티 함수입니다.

Observable과 (비동기) Iterable 를 같이 사용하는 상상을 해보세요. 그게 바로 callbag 입니다. 또한, callbag spec을 따르는 몇 가지 간단한 콜백(callbacks)으로 구현되기 때문에 코드가 가볍습니다. 그 결과로 callbag은 작고 빠릅니다.

사용방법

npm install callbag-basics

연산자 및 팩토리를 Import 하는 방법:

const {forEach, fromIter, map, filter, pipe} = require('callbag-basics');

온라인으로 해보기

Reactive 프로그래밍 예제

요소의 클릭 이벤트를 받아 XY 좌표를 출력 합니다:

const {forEach, fromEvent, map, filter, pipe} = require('callbag-basics');

pipe(
  fromEvent(document, 'click'),
  filter(ev => ev.target.tagName === 'BUTTON'),
  map(ev => ({x: ev.clientX, y: ev.clientY})),
  forEach(coords => console.log(coords))
);

// {x: 110, y: 581}
// {x: 295, y: 1128}
// ...

움직이는 시계의 초심이 가리키는 처음 5개의 홀수를 출력 합니다.

const {forEach, interval, map, filter, take, pipe} = require('callbag-basics');

pipe(
  interval(1000),
  map(x => x + 1),
  filter(x => x % 2),
  take(5),
  forEach(x => console.log(x))
);

// 1
// 3
// 5
// 7
// 9

Iterable 프로그래밍 예제

특정 범위에서 숫자 5개 선택하고 4로 나눈 다음, 출력 합니다.

const {forEach, fromIter, take, map, pipe} = require('callbag-basics');

function* range(from, to) {
  let i = from;
  while (i <= to) {
    yield i;
    i++;
  }
}

pipe(
  fromIter(range(40, 99)), // 40, 41, 42, 43, 44, 45, 46, ...
  take(5), // 40, 41, 42, 43, 44
  map(x => x / 4), // 10, 10.25, 10.5, 10.75, 11
  forEach(x => console.log(x))
);

// 10
// 10.25
// 10.5
// 10.75
// 11

API

callbag에 포함된 함수 목록입니다.

Source factories

Sink factories

Transformation operators

Filtering operators

Combination operators

Utilities

More

설명

  • source: 데이터를 전달하는 callbag
  • sink: 데이터를 받는 callbag
  • puller sink: 데이터를 소스에 능동적으로 요청하는 받는 callbag
  • pullable source: 요청 수신시에만 데이터를 전달하는 소스
  • listener sink: 소스로부터 수동적으로 데이터를 수신하는 싱크
  • listenable source: 요청에 대한 대기 없이, 싱크에 데이터를 보내는 소스
  • operator: 다른 callbag을 기초로 하는 callbag

기여방법

Callbag의 철학: 스스로 만드세요. :) pr을 보낼 수는 있지만, 그러나 저장소 소유자의 수락을 기대하지 마세요. 프로젝트를 포크하고 원하는대로 사용자 정의하고 포크를 npm에 게시하십시오. 콜백 스펙을 따르는 한 모든 것이 상호 운용 될 것입니다! :)