JSFiddle - React, Tailwind, and code Playground

by mehulkar

JavaScript

async function routeHierarchy() {
  // return loadMetrics() to see it block
  // the route hierarchy instead.
  loadMetrics(); // if we don't return this promise, it is non-blocking
}

async function loadMetrics() {
  await importLibraries();
  console.log('after import');
}

async function importLibraries() {
	return new Promise(resolve => setTimeout(resolve, 1000));
}


(async function() {
  console.log('STARTING EMBER ROUTE LOADING')
  await routeHierarchy();  
  console.log('RENDERING THE UI');
})();