Middle+
Are there other methods of automatic memory management besides G1 Garbage Collector?
sobes.tech AI
Answer from AI
React.memo is a Higher Order Component (HOC) that memoizes a functional component, preventing it from re-rendering if the props haven't changed. This helps optimize performance, especially for heavy components.
Example:
const MyComponent = React.memo(function MyComponent(props) {
// component will only re-render if props change
return <div>{props.value}</div>;
});
useCallback is a hook that memoizes a function, returning the same function reference between renders if dependencies haven't changed. This is useful when passing functions to child components to prevent unnecessary re-renders.
Example:
const memoizedCallback = useCallback(() => {
doSomething(a, b);
}, [a, b]);
It is used when you need to pass a callback to an optimized child component (for example, wrapped in React.memo) to avoid unnecessary updates due to changes in the function reference.