cycle.js

export function App (sources) {
  const request$ = xs.periodic(3000)
    .mapTo({
      url: 'http://localhost:3000',
      category: 'api',
    });

  const vtree$ = sources.HTTP.select('api')
    .flatten()
    .map(res => res.body)
    .startWith({
      name: 'Loading...'
    })
    .map(result =>
      div([
        h2('.label', `Name ${result.name}`)
      ])
    );

  const sinks = {
    DOM: vtree$,
    HTTP: request$,
  }

  return sinks;
}