Create Connections Between Objects with Konva and React

Colin Wren
JavaScript in Plain English
7 min readAug 12, 2021

--

an example of creating a connection in Reciprocal.dev

The app I’m currently working on (Reciprocal.dev) provides users with an interactive User Journey Map which essentially contains a number of User Journey steps connected together by lines in a manner similar to a flow chart.

While we validated the idea using a hardcoded set of data and hand-cranked SVG paths after, we were sure we had something worth pursuing. The next…

--

--

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