varunpvp/react-chessboard

A Chessboard Component built with React and Typescript

A Chessboard Component for React (WIP)

A Chessboard Componenet build with React and Typescript.

Install

npm

npm install @varunpvp/react-chessboard@1.2.2

yarn

yarn add @varunpvp/react-chessboard@1.2.2

Import

import ChessBoard from '@varunpvp/react-chessboard@1.2.2'

Usage

import { useState } from "react";
import ChessBoard from "./components/chess-board";
import { makeMove } from "./utils";

function App() {
  const [fen, setFen] = useState(
    "rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1"
  );

  return (
    <ChessBoard
      size={400}
      fen={fen}
      onMove={(move) => {
        const newFen = makeMove(fen, move);
        if (newFen) {
          setFen(newFen);
        }
      }}
    />
  );
}

export default App;