class Welcome extends React.Component {
  render() {
    return <h1>Hello, {this.props.name}</h1>;
  }
}

class Counter extends React.Component {
  constructor(props) {
    super(props);
    this.state = { count: 0 };
  }

  componentDidMount() {
    document.title = `Count: ${this.state.count}`;
  }

  componentDidUpdate() {
    document.title = `Count: ${this.state.count}`;
  }

  render() {
    return (
      <div>
        <p>{this.state.count}</p>
        <button onClick={() => this.setState({ count: this.state.count + 1 })}>+</button>
      </div>
    );
  }
}

flowchart TD
    Mount[Mount] --> didMount[componentDidMount]
    didMount --> Update[Update]
    Update --> didUpdate[componentDidUpdate]
    Update --> Unmount[Unmount]
    Unmount --> willUnmount[componentWillUnmount]