<commit_before>
var MyTitle = React.createClass({
  render: function () {
    return (
      React.DOM.div(null,
        React.DOM.h1(null, 'check out this component!'))
    )
  }
})

var MyTitleFactory = React.createFactory(MyTitle)

var MyFirstComponent = React.createClass({
  render: function() {
    return (
      React.DOM.div(null,
        MyTitleFactory(null),
        MyTitleFactory(null),
        MyTitleFactory(null),
        MyTitleFactory(null))
        // React.DOM.h1(null, 'This is my first component!'))
    )
  }
})

ReactDOM.render(React.createElement(MyFirstComponent), document.getElementById('app'))<commit_msg>Add styling via props.<commit_after>
var MyTitle = React.createClass({
  render: function () {
    return (
      React.DOM.div(null,
        React.DOM.h1({ style: { color: this.props.color, fontWeight: 'bold' }}, this.props.title))
    )
  }
})

var MyTitleFactory = React.createFactory(MyTitle)

var MyFirstComponent = React.createClass({
  render: function() {
    return (
      React.DOM.div(null,
        MyTitleFactory({ title: 'props are the best', color: 'peru'}),
        MyTitleFactory({ title: 'semicolons are the worst', color: 'mediumaquamarine'}),
        MyTitleFactory({ title: 'jklol its okay if you like semicolons', color: 'blanchedalmond'}),
        MyTitleFactory({ title: 'i am out of ideas', color: 'rebeccapurple' }))
        // React.DOM.h1(null, 'This is my first component!'))
    )
  }
})

ReactDOM.render(React.createElement(MyFirstComponent), document.getElementById('app'))
{'fraction_non_alphanumeric': 0.14165042235217673, 'fraction_numerical': 0.002599090318388564, 'mean_word_length': 3.4, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1303380', 'n_tokens_mistral': 481, 'n_tokens_neox': 489, 'n_words': 106}