react-go-board

React go board to render a godash Board

Usage no npm install needed!

<script type="module">
  import reactGoBoard from 'https://cdn.skypack.dev/react-go-board';
</script>

README

React Go Board

A simple SVG board in the form of a React component to render a Godash Board.

Resize it by putting it in a sized container.

Getting started

import React from 'react';
import godash from 'godash';
import {Goban} from 'react-go-board';

function handleCoordinateClick(coordinate) {
    // http://duckpunch.github.io/godash/documentation/#coordinate
    coordinate;
}

export default function RenderMe() {
    const board = new godash.Board(19);
    const annotations = [new godash.Coordinate(2, 2)];
    return <Goban
        board={board}
        boardColor='#efefef'
        annotations={annotations}
        onCoordinateClick={handleCoordinateClick} />;
}

Future stuff

  • Optional coordinate labels
  • Annotations (whenever I do annotations for Godash)