use-event-listener
use-key-hook
use-event-listener | use-key-hook | |
---|---|---|
1 | 1 | |
354 | 28 | |
- | - | |
0.0 | 0.0 | |
10 months ago | over 1 year 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.
use-key-hook
-
Awesome Things Related To React Hooks 😍
use-key-hook - React hook to handle all the key press.
What are some alternatives?
react-hooks-cheatsheet - 🦖 React hooks cheatsheet with live editable examples
react-burger-menu - :hamburger: An off-canvas sidebar component with a collection of effects and styles using CSS transitions and SVG path animations
memory-game - A memory game created with React.js and styled with Tailwind CSS.
React-Use-Smooth-Scroll - React Provider Component to add a smooth scroll effect 😍
evergreen - 🌲 Evergreen React UI Framework by Segment
styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
react-chartjs-2 - React components for Chart.js, the most popular charting library
uncino - Fast, tiny and solid hooks system for Javascript and Node.js
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
react-intersection-revealer - An easy-to-use React hook that tells you whether a component/element is visible on the viewport currently, and if yes, how much of it is visible.
filepond - 🌊 A flexible and fun JavaScript file upload library