JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="title">Hello Loder</div>
  <div class="wrapper"><div id="data"></div></div>
</div>

<script src="//cdn.jsdelivr.net/npm/[email protected]/dist/loderWithRoute.umd.js"></script>

SCSS

.container {
  position: absolute;
  left: 50%;
  top: 30%;
  transform: translate(-50%, -50%);
}
.title {
  font-size: 40px;
  text-align: center;
}

.wrapper {
  text-align: center;
}
.typed {
  display: inline-block;
}

Babel + JSX

loder('Hello', () => Promise.resolve('World'))

loder.echo('Hello').then(msg => {
	document.getElementById('data').innerHTML = `Hello ${msg}`
})