react-hexgrid
react-pan-and-zoom-hoc
react-hexgrid | react-pan-and-zoom-hoc | |
---|---|---|
3 | 1 | |
305 | 53 | |
- | - | |
0.0 | 0.0 | |
5 months ago | over 1 year ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-hexgrid
-
[Side Project] Wordbots, an online tactical card game in which players write their own cards, that get parsed into executable JavaScript
the game interface built on top of (a heavily-modded version of) the awesome react-hexgrid package.
-
I wasted two days jerry-rigging a package when the solution was one search away
An example of the former while building the network graph, was react-hexgrid. The documentation was unfinished, but what sold me were the examples and the simplicity of the code.
-
what should I use to build a map-builder?
If you're doing D&D you might want a hex grid like this one though: https://github.com/Hellenic/react-hexgrid
react-pan-and-zoom-hoc
-
I wasted two days jerry-rigging a package when the solution was one search away
At first, I was going to use react-indiana-drag-scroll to solve the first problem. And it worked. But I had a feeling that there might be a solution that solved both of these problems at the same time. Searching on libhunt, openbase, and duckduckgo, I found out that this problem is actually very old and the term that better fit my problem was "pan and zoom". Searching with this term, I stumbled upon react-pan-and-zoom-hoc, which helped solve my problem, but it was difficult to fidget with because rather than having a simple component, the component spit out the correct x, y axes translation that would need to be worked into the component's CSS. No bueno. I attempted to jerry-rig this package for two days before giving up and switching to react-svg-pan-zoom, which worked pretty much instantly and was exactly what I needed.
What are some alternatives?
react-indiana-drag-scroll - React component which implements scrolling via holding the mouse button or touch
react-svg-pan-zoom - :eyes: A React component that adds pan and zoom features to SVG
BetterDiscordStuff - my BD plugins & themes, focused on enhancing user experience
duckduckgo-locales - Translation files for <a href="https://duckduckgo.com"> </a>
create-react-app - Set up a modern web app by running one command.
honeycomb - Create hex grids easily, in node or the browser.
React - The library for web and native user interfaces.
upshot-montague - Montague is a little CCG semantic parsing library for Scala.
react-grid-layout - A draggable and resizable grid layout with responsive breakpoints, for React.
create-react-app - Set up a modern web app by running one command. [Moved to: https://github.com/facebook/create-react-app]