Using chessboard.js with React

[JonL12345]

I would like to use chessboard.js with React. Has anyone here done this successfully and can point me towards some details on how to do this?

I've looked at a ton of different boards, and I see there is one for React, but it is unmaintained, so I figured it might be better to use chessboard.js for that reason. But I need to know how.

[justinfagnani]

I have a port of chessboard.js to web components: https://justinfagnani.github.io/chessboard-element/ and an example of using it in React here: https://stackblitz.com/edit/react-chess-board

This works because to React a web component is just another HTML element, and the internals are encapsulated in a shadow root.