react-hooks-cheatsheet
use-event-listener
react-hooks-cheatsheet | use-event-listener | |
---|---|---|
4 | 1 | |
1,251 | 354 | |
- | - | |
3.6 | 0.0 | |
6 months ago | 9 months ago | |
JavaScript | JavaScript | |
- | 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-hooks-cheatsheet
-
Ultimate Guide & Resources to Enhancing Your ReactJS Skills || 16 GitHub repositories
Get a grasp on React hooks with this concise cheatsheet to streamline your coding process.
-
16 Github Repos to master React
12-) You need a quick reference to learn hooks. Here is the repo that hosts an app where you can edit codes live react-hooks-cheatsheet
-
The Site That Teaches React Hook Structures 2022
For this, I found a site that is simpler to explain and explains the use of each hook with examples. React Hooks Cheatsheet is a site that explains the hooks in react in a simple English language and reinforces them with examples. I will be sharing screenshots of a few sample explanations with you. You can click here to go to the site.
-
Callback function that use state
Interesting tutorial about React hooks: https://github.com/ohansemmanuel/react-hooks-cheatsheet
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.
What are some alternatives?
awesome-react-components - Curated List of React Components & Libraries.
use-key-hook - React hook to handle all the key press.
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.
reactjs-crypto-api-dashboard - Create a cryptocurrency dashboard using ReactJS and the Coinbase API
hocs - :bento: Higher-Order Components for React
react-redux-typescript-guide - The complete guide to static typing in "React & Redux" apps using TypeScript
react-18-workshop - The Boat you need to master React 18
beautiful-react-hooks - 🔥 A collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development 🔥
react-in-patterns - A free book that talks about design patterns/techniques used while developing with React.
30-Days-Of-React - 30 Days of React challenge is a step by step guide to learn React in 30 days. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw
react-bits - ✨ React patterns, techniques, tips and tricks ✨
real-world-react-apps - Real world React apps and their open source codebases for developers to learn from