usehooks
use-what-changed
| usehooks | use-what-changed | |
|---|---|---|
| 12 | 3 | |
| 8,521 | 611 | |
| 1.8% | - | |
| 8.0 | 0.0 | |
| 3 days ago | over 1 year ago | |
| MDX | 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.
usehooks
-
Best Next.js Libraries and Tools in 2024
Link: https://usehooks.com/
-
How to Track Previous State in React
In this approach (adapted from the usehooks package), we'll define a state variable currentCounter to track counter's value:
-
Adding a real feature to a project 🧛
The very first one I came across was a package called useHooks. It looked like a really cool package with tonnes of hooks to use, and useQueue was one of them.
-
Thoughts on useEffect ?
there are a bunch of library custom hooks, sometimes they encapsulate logic better, you should prefer them or build your own instead.
- useHooks – A collection of Server Component safe React Hooks
-
UseHooks – A Collection of Server Component Safe React Hooks
I saw "useDebounce" and thought "what the hell does debounce have anything to do with react render cycle?". When I check the code, `useDebounce` does... I don't even know what it does, delayed set state?
https://github.com/uidotdev/usehooks/blob/380e83fa267157832e...
use-what-changed
-
Thoughts on useEffect ?
https://github.com/simbathesailor/use-what-changed Hope this helps someone.
-
What’s the most underrated Developer Tools debugging Tip/Trick?
https://github.com/simbathesailor/use-what-changed - what's nice about it is it gives detailed information about why a component renders, upon each render, along with diffs of what actually changed. It works for hooks - I haven't found a really good trick for debugging context renders yet though.
-
As the creator of "why-did-you-render" I would like to ask you if and how do you use it?
Nowadays, I tend to opt for the useWhatChanged hook. Ergonomically it's a little easier, and its plug-and-play use makes it very attractive.
What are some alternatives?
usehooks-ts - React hook library, ready to use, written in Typescript.
why-did-you-render - why-did-you-render by Welldone Software monkey patches React to notify you about potentially avoidable re-renders. (Works with React Native as well.)
vueuse - Collection of essential Vue Composition Utilities for Vue 2 and 3
tamperchrome - Tamper Dev is an extension that allows you to intercept and edit HTTP/HTTPS requests and responses as they happen without the need of a proxy. Works across all operating systems (including Chrome OS).
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
debug - A tiny JavaScript debugging utility modelled after Node.js core's debugging technique. Works in Node.js and web browsers
awesome-react-hooks - A curated list about React Hooks
use-clean-effect - An extension of React useEffect without the need for clean-up functions
react-use - React Hooks — 👍
eslint-plugin-react - React-specific linting rules for ESLint
web - React hooks done right, for browser and SSR.
ignite-bowser - Bowser is now re-integrated into Ignite CLI! Head to https://github.com/infinitered/ignite to check it out.