rx.observable.combinetemplate

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

rx.observable.combinetemplate

★ 14 Open GitHub ↗

Generate values based on the Observable and object template. Similar to `Bacon.combineTemplate`

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Rx.Observable.combineTemplate

[![npm version][npm-image]][npm-url] [![build status][circle-image]][circle-url] [![Dependency Status][deps-image]][deps-url]

Generate values  based on the Observable and object template. Similar to [`Bacon.combineTemplate`](https://github.com/baconjs/bacon.js#observable-combine).

## Usage

### Install

```bash
npm install --save rx.observable.combinetemplate
```

### Basics

```javascript
import combineTemplate from 'rx.observable.combinetemplate';
import * as Rx from 'rx';

let subject1 = new Rx.Subject();
let subject2 = new Rx.Subject();

combineTemplate({
  foo : 'bar',
  baz : {
    foo : ['bar', subject1 'qux']
  },
  qux : {
    foo : {
     foo : 'bar'
     baz : subject2
    }
  }
}).subscribe((value)=> {
  console.log(value);
  /* === output ===
  {
    foo : 'bar',
    baz : {
      foo : ['bar', 'BAZ' 'qux']
    },
    qux : {
      foo : {
       foo : 'bar'
       baz : 'QUX'
      }
    }
  }
  */
});

subject1.onNext('BAZ');
subject2.onNext('QUX');
```

### with React

State is updated automatically receives a value from the observables.

```javascript
componentWillMount() {
  combineTemplate({
    items : store.itemsObservable$,
    count : store.itemsObservable$.map((items) => items.length)
  }).subscribe(this.setState.bind(this));
}
```

## Tests

```
npm test
```

## Contributing

1. Fork it!
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -am 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`
5. Submit a pull request :D

## License

MIT

[npm-image]: https://img.shields.io/npm/v/rx.observable.combinetemplate.svg
[npm-url]: https://npmjs.org/package/rx.observable.combinetemplate
[circle-image]: https://circleci.com/gh/ahomu/rx.observable.combinetemplate.svg?style=shield&circle-token=b12ab2a48027a249724e0b1924ccec8152d3068a
[circle-url]: https://circleci.com/gh/ahomu/rx.observable.combinetemplate
[deps-image]: https://david-dm.org/ahomu/rx.observable.combinetemplate.svg
[deps-url]: https://david-dm.org/ahomu/rx.observable.combinetemplate

rx.observable.combinetemplate

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README