Performance Optimization Hooks in React

// Memoization hook
function useMemoizedValue(fn, dependencies) {
  return useMemo(fn, dependencies);
}

// Callback memoization
function useStableCallback(callback, dependencies) {
  return useCallback(callback, dependencies);
}

// Ref for DOM access
function useElementRef() {
  const ref = useRef(null);
  
  const focus = () => ref.current?.focus();
  const blur = () => ref.current?.blur();
  const scrollIntoView = () => ref.current?.scrollIntoView();
  
  return { ref, focus, blur, scrollIntoView };
}