title: Combining all values in a Bacon stream into a single array
body: <p>I'm building an application using React and Bacon.js.</p>
  
  <p>I have a list of students like so:</p>
  
  <pre><code>var students = [
     {"name": "student1"}
     ...
  ];
  </code></pre>
  
  <p>I then construct an EventStream using a Bacon.bus.</p>
  
  <pre><code>var studentStream = new Bacon.Bus();
  students.forEach(studentStream.push.bind(studentStream));
  </code></pre>
  
  <p>What I want to do is whenever I push new data to the bus, I'd like to update my view with the new data.</p>
  
  <pre><code>var studentContainer = React.createClass({
      getInitialState: function () {
          return {students: []};
      },
      componentWillMount: function () {
          // 1: convert this.prop.studentStream to an array so it can be rendered
          // 2: Set state to the new array
      },
      render: function () {
          ...
      }
  });
  </code></pre>