javascriptでのconstructorの使い方

前提・実現したいこと

jsにおけるconstructorの使い方について詳しく知りたいです。

constructor(props) {
    super(props);
    this.state = {name: 'にんじゃわんこ'};
  }

constructorの中の記述はインスタンスが生成されると呼ばれるという認識なのですが、
以下の記述でどこにインスタンスが生成されているのかわかりません。
そして、インスタンスが生成されないとconstrucorの中の記述が呼ばれないと考えています。

どのような経緯でconstructorが呼ばれているのですか？
それともここではconstructorは呼ばれていない？
どなたかご教授お願いします。

該当のソースコード

javascript
1import React from 'react';
2
3class App extends React.Component {
4  constructor(props) {
5    super(props);
6    this.state = {name: 'にんじゃわんこ'};
7  }
8  
9  // handleClickメソッドを定義してください
10  handleClick(name) {
11    this.setState({name: name});
12  }
13  
14  render() {
15    return (
16    	<div>
17    	  <h1>こんにちは、{this.state.name}さん！</h1>
18    	  {/* onClickイベント内の処理を、handleClickメソッドを呼び出す処理に書き換えてください*/}
19        <button onClick={() => {this.handleClick("ひつじ仙人")}}>
20          ひつじ仙人
21        </button>
22        
23    	  {/* onClickイベント内の処理を、handleClickメソッドを呼び出す処理に書き換えてください*/}
24        <button onClick={() => {this.handleClick("にんじゃわんこ")}}>
25          にんじゃわんこ
26        </button>
27        
28      </div>
29    );
30  }
31}
32
33export default App;
34