Separate Logic from Effects in Cycle.js

Sweet!

What is an observable? Do you have any suggestions for RX tutorials/videos before this?

Hi David, here is an Egghead course to introduce RxJS https://egghead.io/series/introduction-to-reactive-programming

For anyone else wondering how that string template works I found this and it must be why this code requires Babel: https://developers.google.com/web/updates/2015/01/ES6-Template-Strings?hl=en

Andre, estou usando Cycle DOM version: 12.1.0, Gulp e Browserify (e algums midlewares). Quando eu faco a injecao dos scripts no elemento HEAD, nao funciona e eu recebo um erro 'Cannot render into unknown element body'. Se por outro lado eu injeto os scripts no elemento BODY tudo funciona. Cycle ta tentando montar antes do DOM esta completamente renderizado. Ha alguma maneira de injetar os scripts no elemento HEAD ?

Hi Briisk, Yes, you can inject the scripts in HEAD, but then you also need to delay Cycle.run and makeDOMDriver until the document is ready. For instance

document.addEventListener('DOMContentLoaded', function () {
  Cycle.run(main, {
    DOM: makeDOMDriver('body'),
  });
});

In the future we need to support your use case, see this issue https://github.com/cyclejs/cyclejs/issues/222.

In Portuguese

Sim você pode injetar os scripts no elemento HEAD, mas aí você também precisa adiar o Cycle.run e makeDOMDriver até o documento ficar pronto. Por exemplo:

document.addEventListener('DOMContentLoaded', function () {
  Cycle.run(main, {
    DOM: makeDOMDriver('body'),
  });
});

No futuro queremos dar suporte a essa forma de usar, e está registrado nesse item: https://github.com/cyclejs/cyclejs/issues/222.