React components for rendering a tournament bracket
Go here
yarn add react-tournament-bracket
import {Bracket} from 'react-tournament-bracket';
import {render} from 'react-dom';
render(<Bracket game={game}/>, document.getElementById('app'));- 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