React components for rendering a tournament bracket

by React

react-tournament-bracket

React components for rendering a tournament bracket.

View demo Download Source

Install

yarn add react-tournament-bracket

Usage

import {Bracket} from 'react-tournament-bracket';
import {render} from 'react-dom';

render(<Bracket game={game}/>, document.getElementById('app'));

TODO

  • Component documentation
  • Better handling of mouse team highlighting (currently, when moving between teams in a particular game, the mouse events fire in inconsistent order and can result in the wrong team left highlighted)
  • Consider simplifying the game model passed to this component
  • Add tests

GitHub