use-event-listener
react-custom-hooks
use-event-listener | react-custom-hooks | |
---|---|---|
1 | 1 | |
354 | 500 | |
- | - | |
0.0 | 5.6 | |
10 months ago | 2 months ago | |
JavaScript | JavaScript | |
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.
use-event-listener
-
How to Listen to Events in ReactJS
Instead of pressing these toolbar buttons, I'd like to use a keyboard shortcut to switch between the pointer mode and the drag mode. Copying Figma's button shortcuts, specifically, I would like to bind the v button and the h button keyboard keys to the pointer mode and drag mode, respectively. This functionality was achieved thanks to the use-event-listener hook. Fortunately, the React hook is simple enough to use as brief case study into how event listeners work.
react-custom-hooks
-
Supercharge Your React Projects with Custom Hooks
Github: https://github.com/sergeyleschev/react-custom-hooks
What are some alternatives?
react-hooks-cheatsheet - 🦖 React hooks cheatsheet with live editable examples
poemkit - React toolkit for building a full website that also is a Micro-Frontend Architecture.
use-key-hook - React hook to handle all the key press.
react-border-wrapper - A wrapper for placing elements along div borders.
live-link-embedded-preview - Generate link preview as you see on social platforms. Right in the browser without processing at backend.
reusable - Simplest way to manage global state in React
memory-game - A memory game created with React.js and styled with Tailwind CSS.
m-react-splitters - React splitter component, written in TypeScript.
react-components - This repository would contain all the custom react components
xtendui - Xtend UI is a powerful frontend library of Tailwind CSS components enhanced by vanilla js. It helps you build interfaces with advanced interactions and animations.
react-hooks-tabs - Create Tabs with React Hooks
Froots - Froots UI.