Converting ReactJs to Pure Javascript Class structure

ReactToJs-ClassStructure.jsx

// FROM: ReactJs
export default class HostApp extends Component {
  constructor(props: HostAppProps) {
    super(props);
    ...
  }
  componentDidMount() {
    ...
  }
  ...
  render() {
    return (
      <div>
        ...
      </div>
    );
  }
}

// TO: Js
export default class HostApp {
  constructor(rootEl: Object, props: HostAppProps) {
    super(props);
    ...
    this.rootEl = rootEl;
    this.props  = props;
  }
  componentDidMount() {
    ...
  }
  ...
  getBubbleElement() {
    const { settings }  = this.props;
    ...
    const el = document.createElement('div');
    el.setAttribute('id', CHAT_BUBBlE_ID);
    ...
  }
  render() {
    const bubbleEl = this.getBubbleElement();
    this.rootEl.appendChild(chatEl);
  }
}