JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/bacon.js/0.7.12/bacon.js"></script>
<h3>This one fails (errors are lost)</h3>
<ul id="log-fail">
</ul>

<h3>This one works (timed sequence)</h3>
<ul id="log-works">
</ul>

<h3>This one works(values are delayed)</h3>
<ul id="log-works2">
</ul>

JavaScript

$(function() {
  var stream = Bacon.fromArray([1,2,new Bacon.Error("oops")])
  stream.onValue(function(x) {
      $("#log-fail").append($("<li>").text("value: " + x))
  })
  stream.onError(function(x) {
      $("#log-fail").append($("<li>").text("error: " + x))
  })
  
  var stream2 = Bacon.sequentially(0, [1,2,new Bacon.Error("oops")])
  stream2.onValue(function(x) {
      $("#log-works").append($("<li>").text("value: " + x))
  })
  stream2.onError(function(x) {
      $("#log-works").append($("<li>").text("error: " + x))
  })
  
  var stream3 = Bacon.fromArray([1,2,new Bacon.Error("oops")]).delay(0)
  stream3.onError(function(x) {
      $("#log-works2").append($("<li>").text("error: " + x))
  })
  stream3.onValue(function(x) {
      $("#log-works2").append($("<li>").text("value: " + x))
  })


});