Use async/await instead of callbacks

[dunnock]

	_load(url: string) {
		sigma.parsers.gexf(
			this.props.path ,
			this.props.sigma ,
			this.onLoad
		)
	}

	_onLoad() {
		if(this.props.sigma)
		this.props.sigma.refresh()
		this.setState({loaded:true})
		if(this.props.onGraphLoaded)
			return this.props.onGraphLoaded()
	}

can be written as:

  loadGexf() {
    return new Promise((resolve) => sigma.parsers.gexf(this.props.path, this.props.sigma, resolve));
  }

  async load() {
    const sigma = this.props.sigma;
    if(!sigma) return;
    await loadGexf();
    sigmaI.refresh();
    this.setState({loaded:true});
    this.props.onGraphLoaded &&
      this.props.onGraphLoaded();
  }

[avoloschuk]

Is it just "copy&paste" replacement throughout the code?

[dunnock]

No, basically you replace callbacks

sigma.parsers.gexf(
			this.props.path ,
			this.props.sigma ,
			this.onLoad
		)

with async/await:

  await loadGexf();

but it requires:

• function taking callback converted to Promise:

loadGexf() {
    return new Promise((resolve) => sigma.parsers.gexf(this.props.path, this.props.sigma, resolve));
  }

• async function body (in this specific piece of code it is as below, in other placed whenever function instantiating callback is called):

  async load() {
    const sigma = this.props.sigma;
    if(!sigma) return;
    await loadGexf();
    sigmaI.refresh();
    this.setState({loaded:true});
    this.props.onGraphLoaded &&
      this.props.onGraphLoaded();
  }