Getting started with react and canvas via Konva

ReactKonva Logo

React Konva is a JavaScript library for drawing complex canvas graphics using React. It provides declarative and reactive bindings to the Konva Framework.

Github Repo

An attempt to make React work with the HTML5 canvas library. The goal is to have similar declarative markup as normal React and to have similar data-flow model.

Currently you can use all Konva nodes and shapes as React components and all Konva events are supported on them in same way as normal browser events are supported.

Note: you can find a lot of demos and examples of using Konva there: http://konvajs.github.io/. Really, just go there and take a look what Konva can do for you. You will be able to do the same with react-konva too. You don’t need to learn react-konva, just learn Konva.

Installation

npm install react-konva konva --save
Next