Helper function to create optimized visual updates Updates DOM directly for immediate feedback, defers state
DOM element to update
Function to update visual state (runs in RAF)
Function to update React state (runs in idle)
applyOptimizedUpdate( buttonRef.current, (el) => { // Immediate visual feedback (<16ms) el.style.transform = 'scale(0.95)'; el.style.filter = 'brightness(1.2)'; }, () => { // Deferred state update (non-blocking) setPressed(true); onAction(); }); Copy
applyOptimizedUpdate( buttonRef.current, (el) => { // Immediate visual feedback (<16ms) el.style.transform = 'scale(0.95)'; el.style.filter = 'brightness(1.2)'; }, () => { // Deferred state update (non-blocking) setPressed(true); onAction(); });
최적화된업데이트적용
Helper function to create optimized visual updates Updates DOM directly for immediate feedback, defers state