https://github.com/r7kamura/cycle-fetcher-driver
A Cycle.js Driver for making HTTP requests using fetcher.
https://github.com/r7kamura/cycle-fetcher-driver
Last synced: 8 months ago
JSON representation
A Cycle.js Driver for making HTTP requests using fetcher.
- Host: GitHub
- URL: https://github.com/r7kamura/cycle-fetcher-driver
- Owner: r7kamura
- License: mit
- Created: 2015-10-07T04:01:00.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2015-10-08T13:38:03.000Z (about 10 years ago)
- Last Synced: 2025-03-29T05:41:26.557Z (8 months ago)
- Language: JavaScript
- Size: 169 KB
- Stars: 14
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
- awesome-cyclejs - r7kamura/cycle-fetcher-driver ★14 - A Cycle.js Driver for making HTTP requests using [stackable-fetcher](https://github.com/r7kamura/stackable-fetcher). (Libraries / Drivers)
README
# cycle-fetcher-driver
A Cycle.js Driver for making HTTP requests using [stackable-fetcher](https://github.com/r7kamura/stackable-fetcher).
## Install
```sh
npm install @r7kamura/cycle-fetcher-driver
```
## Usage
```js
import Cycle from '@cycle/core';
import { h, makeDOMDriver } from '@cycle/dom'
import { makeFetcherDriver } from '@r7kamura/cycle-fetcher-driver';
Cycle.run(
({ HTTP }) => {
const url = 'http://example.com';
const request$ = Cycle.Rx.Observable.just({ method: 'GET', url });
const vtree$ = HTTP
.filter((response$) => response$.request.url === url)
.mergeAll()
.map(({ body }) => body)
.startWith('Loading...')
.map(text => h('h1', text));
return {
DOM: vtree$,
HTTP: request$
};
},
{
DOM: makeDOMDriver('body'),
HTTP: makeFetcherDriver()
}
);
```
