Translate

render.js

// assuming your render component recieves a stream called selectedTargets$ that emits an object of the source/target languages you're translating

const vtree$ = sources.translate$.debug().map(translation =>
      div('#registrationScreeenPage.panel.contentTop.active', [
        div(translation('foo'))
      ]);
    );

translations.js

import {MemoryStream} from 'xstream';
import {HTTPSource} from '@cycle/http';

export type Sources = {
    HTTP: HTTPSource
};

export type Sinks = {
    translate$: MemoryStream<(key: string) => string>
};

export function translations(sources: Sources): Sinks {

    const translate$ = sources.HTTP
        .select('translations')
        .flatten()
        .startWith({body: 'nada'})
        .map((res: any) => (key) => (typeof res.body[key] != 'undefined') ? res.body[key] : res.body);

    return {
        translate$: translate$
    }
};