Adding an interactive mini-map to your Konva canvas using react-konva

As part of building reciprocal.dev I’ve been working with Konva (and react-konva) to create an MVP of the user journey mapping tools in order to validate the idea.

Over time, the example map that I built for our MVP has become larger than the browser window and I’ve needed to introduce panning and zooming to allow the user to navigate this larger

--

--

--

Currently building reciprocal.dev. Interested in building shared understanding, Automated Testing, Dev practises, Metal, Chiptune. All views my own.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

How JavaScript works: class static blocks + 6 proposed semantics

Important Regex Flags and String Methods

3 Reason Why Javascript Should be your First Language

A Brief History of JavaScript

Adopting TypeScript in your Vue.js Application in a sane way

Get Google Drive Shared Files’ Info with GAS

JWT Implementation for Node.Js

You Never Thought That Knowing Best Node.Js Trends Could Be So Beneficial in 2021

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Colin Wren

Colin Wren

Currently building reciprocal.dev. Interested in building shared understanding, Automated Testing, Dev practises, Metal, Chiptune. All views my own.

More from Medium

Serverless Strapi v4 with Azure Container Instances (ACI)

Quick note on Azure Static Web Apps routes when using Next.js

Minimalist Notion Implementation: Part 1-Everything Is a Block

Access tailwind colors in TypeScript