WIP Early stages.
A React wrapper for chessboard.js. Requires chessboard.js and jQuery to be available on the window object.
Usage
yarn add react-chessboardjs-wrapper
import ChessboardJs from 'react-chessboardjs-wrapper' <ChessboardJs // , . ="steelblue" // ="10px solid #d3d3d3" // = // . = // , . , // = ="aliceblue" // ="80%" // (%) || ()/>
Notes:
-
Changing all props WITH THE EXCEPTION OF THE FOLLOWING means a full recreation of the board (as only these are settable via the chessboard.js API):
animate
blackSquareColour
border
config.position
config.orientation
resize
showPromotionDialog
whiteSquareColour
-
This wrapper is optimised for a modified chessboard.js, based on chessboard.js PR 97 which supports image caching. If using the non-modified published chessboard.js, it works anyway (falls back). fixes flickering in Safari (somewhat, it is still not perfect).
-
chessboard.js
config.showErrors
doesn't seem to work as advertised? -
Is chessboard.js is no longer maintained?
Examples
TODO
Dev
We use rollup.js. yarn dev
to watch files and rebuild on changes, yarn build
to build.
Tests
TODO, but I need to learn myself some React testing libs.