HTML5 Canvas

init.js

const canvas = canvasRef.current;
const pixelRatio = window.devicePixelRatio || 1;

const rect = canvas.getBoundingClientRect();

canvas.style.width = rect.width + 'px';
canvas.style.height = rect.height + 'px';

canvas.width = rect.width * pixelRatio;
canvas.height = rect.height * pixelRatio;

const context = canvas.getContext('2d');
context.scale(pixelRatio, pixelRatio);

const render = () => {
  context.clearRect(0, 0, rect.width, rect.height);
  
  //
  
  requestAnimationFrame(render);
};

requestAnimationFrame(render);