gistfile1.js

var Line = React.createClass({
  render: function() {
    return <span className="line">{this.props.text}</span>;
  }
});

var Terminal = React.createClass({
  render: function() {
    var lines = this.props.lines.map(function(line) {
      return <Line text={line} />; # how to add a new-line character after this?
    });

    return <pre className="terminal">{lines}</pre>;
  }
});