moodysalem / React Tournament Bracket
Licence: mit
React components for rendering a tournament bracket
Stars: ✭ 181
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to React Tournament Bracket
Bracketeer
VS Code extension for easy and quick manipulation with brackets and quotes.
Stars: ✭ 32 (-82.32%)
Mutual labels: brackets
Brackets Extension Rating
Brackets extension used to display other extensions rating
Stars: ✭ 72 (-60.22%)
Mutual labels: brackets
Ltfinderbuttons
My Finder buttons collection for macOS.
Stars: ✭ 269 (+48.62%)
Mutual labels: brackets
Brackets Beautify
Beautify HTML, CSS, and Javascript in Adobe Brackets
Stars: ✭ 606 (+234.81%)
Mutual labels: brackets
Brackets Minifier
Minifies and Concatenates JS and CSS in Brackets using UglifyJS3 and CleanCSS
Stars: ✭ 56 (-69.06%)
Mutual labels: brackets
Brackets Portable
Windows portable version of adobe brackets web development editor.
Stars: ✭ 124 (-31.49%)
Mutual labels: brackets
Dreamphp
A dream theme for Brackets IDE that simulates PHP coloring scheme of Dreamweaver
Stars: ✭ 6 (-96.69%)
Mutual labels: brackets
Brackets Documents Toolbar
Extension that adds new toolbar with a list of all open documents.
Stars: ✭ 69 (-61.88%)
Mutual labels: brackets
Brackets Snippets
Imitate Sublime Text's behavior of snippets, and bring it to Brackets.
Stars: ✭ 279 (+54.14%)
Mutual labels: brackets
Highlightbracketpair
🔆 Highlight bracket pair plugin for intellij
Stars: ✭ 428 (+136.46%)
Mutual labels: brackets
Bughunt
A weekly challenge where we share some code and you find a bug in it.
Stars: ✭ 68 (-62.43%)
Mutual labels: brackets
Brackets Outline List
Brackets Extension to display a list of the functions or definitions in the currently opened document.
Stars: ✭ 77 (-57.46%)
Mutual labels: brackets
TournamentBrackets
Android project written in Java to display Tournaments brackets with animation
Stars: ✭ 39 (-78.45%)
Mutual labels: brackets
Custom Work For Brackets
<involuntarily lost source code> ____ Adds toolbar it include buttons show/hide with tabs of active documents on the top of the editor.
Stars: ✭ 126 (-30.39%)
Mutual labels: brackets
react-tournament-bracket
React components for rendering a tournament bracket
Demo
Go here
Install
npm i react-tournament-bracket
Usage
These bracket components rely on a cyclical graph data structure.
Thus, to render a bracket, you pass in only the final game.
If you have a set of games matching the model, you can pass them all in
to render all the brackets. The Bracket Generator will discover which games
are considered 'finals' and order the rendered brackets by the height of the
winning path.
import { Bracket } from 'react-tournament-bracket';
import { render } from 'react-dom';
render(<Bracket game={game}/>, document.getElementById('app'));
Development
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
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].