hero

react-chessboard

7th Aug 2022

What is react-chessboard?

react-chessboard is an NPM package for displaying a playable chessboard in a React application. I decided to make it when I realised that I needed some extra functionality for the board in my chessopenings.co.uk project but the package I was using for that was no longer maintained.

This package allows you to drag and drop pieces around the board and provides many customisable properties to allow users to use it how they wish.

Open source

The react-chessboard project is open source already had over 10 contributors at the time of writing this. It has been downloaded over 14,000 times in the last year and has over 90 stars and 40 forks on GitHub.

My hope is that it can become the go-to package for chessboards in React, it has already massively closed the gap to chessboardjsx and react-chessground.

The future

At the point of writing this, version 2 is in development. The package has been rewritten in TypeScript with responsive support out the box. Storybook is also being integrated and I plan to add semantic release too.

Welcome to my little corner of the internet

If you're reading this, you've scrolled too far. This is the site footer. But whilst I have your curiosity - give someone a compliment today, it might make their day.

Connect

Connect with me on my socials.

Copyright © 2023 Ryan Gregory. All Rights Reserved. Design inspirations from the talented Sam Larsen-Disney.

initials R and G

ryangregory.dev