JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.bootcss.com/pixi.js/1.5.3/pixi.dev.js"></script>
<p><label>Pixi.js :</label>
    http://cdn.bootcss.com/pixi.js/1.5.3/pixi.dev.js</p>
<p><label>Pixi logo URL :</label>
    http://www.goodboydigital.com/pixijs/logo_small.png</p>

CSS

p {font-family:'Calibri';font-size:13px;font-weight:400;line-height:1.1em;padding:0;margin:0;margin-left:7.5em;position:relative;}
label {position:absolute;display:block;right:100%;top:0;width:7em;font-weight:bold;font-family:'Candara';text-align:right;padding-right:0.5em;}

JavaScript

var stage = new PIXI.Stage(0xF2F2F2); 
var renderer = PIXI.autoDetectRenderer(400, 300);
 
document.body.appendChild(renderer.view);

var imageLoader = new PIXI.ImageLoader("http://www.goodboydigital.com/pixijs/logo_small.png", true);
imageLoader.addEventListener("loaded", onComplete);
imageLoader.load();
renderer.render(stage);


function onComplete(e) {
    console.log("event data: ", e);
    var bunny = new PIXI.Sprite(e.content.texture);
    
    bunny.position = new PIXI.Point(200,150);
    stage.addChild(bunny);
 
    renderer.render(stage);
}