Top 10 Examples of "unfetch in functional component" in JavaScript

getRoutes = (waypoints) => {
    const routes = [];
    let counterRoutes = 0;
    if (waypoints.length > 0) {
      this.showLoader();
    }

    for (let i = 0; i < waypoints.length - 1; i += 1) {
      const startOsmId = waypoints[i];
      const destinationOsmId = waypoints[i + 1];
      const url = `${NaveServerAddress}astar/from/${startOsmId}/to/${destinationOsmId}`;
      fetch(url)
        .then((response) => {
          if (response.status > 400) {
            console.log("Server Error");
            throw new Error('Failed to load route data!');
          }
          else {
            return response.text();
          }
        })
        .then((routeReceived) => {
          // The array received from rt-library is actually from dest to orig,
          // so we gotta reverse for now.
          try {
            routes[i] = routeReceived.reverse();
            counterRoutes += 1;
            // We use counterRoutes instead of "i" because we don't know the order that

const queryString = encode(
		flatten( {
			aggregations,
			fields,
			highlight_fields,
			filter: buildFilterObject( filter ),
			query: encodeURIComponent( query ),
			sort,
			page_handle: pageHandle,
		} )
	);

	const remoteURL = `https://public-api.wordpress.com/rest/v1.3/sites/${ siteId }/search?${ queryString }`;
	const localURL = `/?rest_route=/jetpack/v4/search-local&${ queryString }`;

	return fetch(
		// @todo - send is_dev_mode to JS.
		document.location.origin.includes( '.' ) ? remoteURL : localURL
	).then( response => {
		return response.json();
	} );
	//TODO: handle errors and fallback to a longer term cache - network connectivity for mobile
	//TODO: store cache data in the browser - esp for mobile
}

async function sendRequest(repo: ?string, uri: string): Promise {
  const urlRepo = repo && repo.length ? repo : "babel/babel";
  const fullURL = `https://circleci.com/api/v1.1/project/github/${urlRepo}/${uri}`;
  let response;
  try {
    response = await fetch(fullURL).then(res => res.json());
  } catch (ex) {
    throw new Error(`Error sending request to CircleCI: ${ex.message}`);
  }
  // CircleCI sometimes returns errors as 200 (OK) responses with a "message"
  // field...
  if (response.message) {
    throw new Error(response.message);
  }
  return response;
}

export default function(latestBuildNumber, callback) {
	fetch('https://twinery.org/latestversion/2.json')
		.then(r => r.json())
		.then(data => {
			if (data.buildNumber > latestBuildNumber) {
				callback(data);
			}
		});
}

function render() {
    if (num >= number) return;
    num = num + inc;
    if (num > number) num = number;
    el.textContent = numberWithCommas(num);
    requestAnimationFrame(render);
  }
  requestAnimationFrame(render);
};

Promise.all([
  new Promise((resolve, reject) => {
    map.once('styledata', resolve);
    map.on('error', reject);
  }),
  fetch(require('../data/checkins.min.geojson')).then((data) => data.json()),
]).then(([_, data]) => {
  const _countries = {};
  const _places = {};

  const checkinsCount = data.features.length;

  const lines = [];

  data.features = data.features.filter((f, i) => {
    const { id, country } = f.properties;
    const isUnique = !_places[id];
    const [lng, lat] = f.geometry.coordinates;
    if (isUnique) {
      if (!_countries[country]) {
        const cc = f.properties.cc.toLowerCase();
        _countries[country] = {

return new Promise((resolve) => {
		fetch(url)
			.then((data) => data.json())
			.then((json) => resolve(json[0]))
	})
}

export default function getTop5() {
    return fetch(`${ config.root }/posts?limit=5&sortBy=starred`)
        .then(res => res.json())
        .then(res => res.items);
}

const request = (method, url, options = {}) =>
        unfetch(
            url,
            Object.assign({}, options, {
                method
            })
        ).then(handleErrors);

export default function create(payload) {
    return fetch(`${ config.root }/session`, {
        ...defaultOptions,
        body: JSON.stringify(payload),
    })
        .then(res => res.json())
        .then(res => {
            if (res.status === "success") {
                updateLocalSession(res.data);

                return res.data;
            }

            throw new Error(res.message);
        });
}

logEnter(parentId, menuId) {
    fetch(`${this.baseURL}/enter/${this.sessionId}/${parentId}/${menuId}?${Date.now()}`).catch(e => {})
  }