🎯 React Hook

useRef
Reference Hook

🎯 Khám phá useRef - Hook đa năng để truy cập DOM elements, lưu trữ mutable values và tạo references không gây re-render khi thay đổi

Từ DOM manipulation đến advanced patterns với forwardRef
🎯

useRef là gì?

Hook để tạo mutable references

useRef là một Hook cho phép bạn tạo ra một mutable reference có thể tồn tại qua các lần render mà không gây ra re-render khi giá trị thay đổi.

🎯 Use Cases chính

  • 🔍Truy cập DOM elements
  • 💾Lưu trữ mutable values
  • ⏱️Store timer IDs
  • 📝Previous state values

⚡ useRef vs useState

useRef:
Không gây re-render khi thay đổi
useState:
Gây re-render khi state thay đổi
Kết hợp:
Sử dụng cả hai để tối ưu performance
useRef-basic.tsxtsx