JSFiddle - React, Tailwind, and code Playground

HTML

<canvas tabindex="1" id="mycanvas" style="outline: 0; background: #000"></canvas>

CSS

* {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
    height:100%;
}

JavaScript

function update() {
    var canvasNode = document.getElementById('mycanvas');
    canvasNode.width = canvasNode.parentNode.clientWidth;
    canvasNode.height = canvasNode.parentNode.clientHeight;
}

window.requestAnimFrame = (function() {
    return (window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame ||
    function(callback, element) {
        window.setTimeout(callback, 1000 / 60);
    });
})();

window.onload = function loop() {
    update();
    window.requestAnimFrame(loop);
};