How and where are elements rendered? when are objects created?

Question

JavaScript

What happens after the render method? just all the elements from the render mentor are passed as objects to the virtualDOM and compared to the DOM? tell me more.

import React, { Component, PropTypes } from 'react';
import Section from './section';

class Content extends Component {
  constructor() {
    super();
    console.log(this);
  }

  makeSomeArrow = () => {
    console.log('arrow');
  }

  maskeSomeShort() {
    console.log('short');
  }

  render() {
    return (
      <Section/>
    );
  }
}

Content.propTypes = {
  movies: ImmutablePropTypes.list,<code lang="javascript">

</code>
  boundGetContent: PropTypes.func,
  token: PropTypes.string
};

export default Content

import React, { Component } from 'react';

class Section extends Component {
  render() {
    return (
      <div>
        Content
      </div>
    );
  }
}

export default Section;

Answer 1

Well, after all, everything is transpiled into React.createElement(Section, { ...props }), and already inside the VirtualDom it goes through all these elements and creates their instances. Where Section is your class