Объясните как это работает? [требует правки]

var Counter = React.createClass({
  incrementCount: function(){
    this.setState({
      count: this.state.count + this.state.count
    });
  },
  textCount: function(){
    this.setState({
      count: this.state.count
    });
  },
  getInitialState: function(){
     return {
       count: 0
     }
  },
  render: function(){
    return (
      <div className="counter">
        <h1>{this.state.count}</h1>
        <button className="btn" onClick={this.incrementCount}>Increment</button>
        <input className="input" onClick={this.textCount}></input>
      </div>
    );
  }
});
React.render(
<Counter />,
  document.body
);

1. Где тут находятся компоненты, а где методы, как вы их отличаете?

2. Что означает этот код, что создаётся, что делает this.setState?

   incrementCount: function(){
     this.setState({
       count: this.state.count + this.state.count
     });
   },
   

3. Откуда берётся сам state, что это вообще такое? 4.

   render: function(){ return ( {this.state.count} Increment ); } });

   Интересна вот это строчка: {this.state.count} , откуда что вызывается?

4. Что такое render, он создаётся только когда пишется jsx? 6.

   React.render( , document.body );

   Что это такое, где находиться тег body? Откуда это импортируется ?

5. По какому принципу создаются react приложения, в вёрстке создал id поместил туда классы и по такому принципу, а как здесь, по какому принципы ?