Building A Canvas Slideshow with React Konva


Recently, I was tasked with building an application that allowed users to interact with product configurations on an HTML canvas. When using the app, users would be able to: 

  • Drag and drop different products on the canvas
  • Move and reorder products
  • Easily change between the main product images using navigation buttons or by swiping left and right. 

After searching extensively for a code example that could provide a framework for the canvas, I came up with zero results. This meant, of course, that I would need to build the functionality from scratch. It felt like a daunting task.