removed duplicate subtopic, replaced content, shifted nodes up (#7424)
parent
2571a7c52e
commit
5b29181d95
3 changed files with 20 additions and 85 deletions
@ -1,9 +0,0 @@ |
|||||||
# useCallback |
|
||||||
|
|
||||||
`useCallback` is a React hook that returns a memoized version of a callback function. It's used to optimize performance by preventing unnecessary re-renders. Specifically, it helps avoid recreating functions when their dependencies haven't changed, which can be useful when passing callbacks to child components that rely on referential equality to prevent re-rendering. |
|
||||||
|
|
||||||
Visit the following resources to learn more: |
|
||||||
|
|
||||||
- [@article@React Documentation on useCallback](https://react.dev/reference/react/useCallback) |
|
||||||
- [@article@useCallback Explained in Depth](https://kentcdodds.com/blog/usememo-and-usecallback) |
|
||||||
- [@article@useCallback Hook: An Introductory Guide](https://dmitripavlutin.com/dont-overuse-react-usecallback/) |
|
@ -1,27 +1,9 @@ |
|||||||
# Common Hooks |
# useCallback |
||||||
|
|
||||||
React also has a lot of hooks that allow you to write more efficient React code. |
`useCallback` is a React hook that returns a memoized version of a callback function. It's used to optimize performance by preventing unnecessary re-renders. Specifically, it helps avoid recreating functions when their dependencies haven't changed, which can be useful when passing callbacks to child components that rely on referential equality to prevent re-rendering. |
||||||
|
|
||||||
Visit the following resources to learn more: |
Visit the following resources to learn more: |
||||||
|
|
||||||
- [@official@useCallback](https://react.dev/reference/react/useCallback) |
- [@article@React Documentation on useCallback](https://react.dev/reference/react/useCallback) |
||||||
- [@official@useContext](https://react.dev/reference/react/useContext) |
- [@article@useCallback Explained in Depth](https://kentcdodds.com/blog/usememo-and-usecallback) |
||||||
- [@official@useDebugValue](https://react.dev/reference/react/useDebugValue) |
- [@article@useCallback Hook: An Introductory Guide](https://dmitripavlutin.com/dont-overuse-react-usecallback/) |
||||||
- [@official@useDeferredValue](https://react.dev/reference/react/useDeferredValue) |
|
||||||
- [@official@useEffect](https://react.dev/reference/react/useEffect) |
|
||||||
- [@official@useId](https://react.dev/reference/react/useId) |
|
||||||
- [@official@useImperativeHandle](https://react.dev/reference/react/useImperativeHandle) |
|
||||||
- [@official@useInsertionEffect](https://react.dev/reference/react/useInsertionEffect) |
|
||||||
- [@official@useLayoutEffect](https://react.dev/reference/react/useLayoutEffect) |
|
||||||
- [@official@useReducer](https://react.dev/reference/react/useReducer) |
|
||||||
- [@official@useRef](https://react.dev/reference/react/useRef) |
|
||||||
- [@official@useState](https://react.dev/reference/react/useState) |
|
||||||
- [@official@useSyncExternalStore](https://react.dev/reference/react/useSyncExternalStore) |
|
||||||
- [@official@useTransition](https://react.dev/reference/react/useTransition) |
|
||||||
- [@article@useCallback Hook by Example](https://www.robinwieruch.de/react-usecallback-hook/) |
|
||||||
- [@article@useMemo Hook by Example](https://www.robinwieruch.de/react-usememo-hook/) |
|
||||||
- [@article@useContext Hook by Example](https://www.robinwieruch.de/react-usecontext-hook/) |
|
||||||
- [@article@useReducer Hook by Example](https://www.robinwieruch.de/react-usereducer-hook/) |
|
||||||
- [@article@useReducer vs useState Hook](https://www.robinwieruch.de/react-usereducer-vs-usestate/) |
|
||||||
- [@video@useDefferedValue Hook video](https://www.youtube.com/watch?v=jCGMedd6IWA) |
|
||||||
- [@feed@Explore top posts about React Hooks](https://app.daily.dev/tags/react-hooks?ref=roadmapsh) |
|
||||||
|
Loading…
Reference in new issue