use-clean-effect
use-what-changed
| use-clean-effect | use-what-changed | |
|---|---|---|
| 1 | 3 | |
| 3 | 611 | |
| - | - | |
| 0.0 | 0.0 | |
| almost 2 years 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.
use-clean-effect
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?
use-better-effect - A wrapper around `React.useEffect` but with improved API
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.)
use-resize-observer - A React hook that allows you to use a ResizeObserver to measure an element's size.
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).
use-debounce - A debounce hook for react
usehooks - A collection of modern, server-safe React hooks – from the ui.dev team
debug - A tiny JavaScript debugging utility modelled after Node.js core's debugging technique. Works in Node.js and web browsers
eslint-plugin-react - React-specific linting rules for ESLint
ignite-bowser - Bowser is now re-integrated into Ignite CLI! Head to https://github.com/infinitered/ignite to check it out.
formik - Build forms in React, without the tears 😭 [Moved to: https://github.com/jaredpalmer/formik]
react-intl-hooks - React hooks for internationalization without the hassle ⚛️🌍