Micro / macro task

by Julien Roche

HTML

<ol>
</ol>

Babel + JSX

const olElement = document.querySelector('ol');

function log(line) {
	const element = document.createElement('li');
  element.textContent = line;
  olElement.appendChild(element);
}

log('Script start');

setTimeout(() => log('setTimeout'), 0);

Promise
	.resolve()
  .then(() => log('promise 1'))
  .then(() => log('promise 2'));
  
 log('Script End');