Hook (useState, useEffect, useContext, và nhiều hook khác) là các tính năng React để quản lý state và side effect trong functional component — và chúng hoạt động giống nhau trong React Native. Hiểu các hook chính là thiết yếu để xây dựng component React Native.
const [count, setCount] = useState(0); // state + setter; set nó sẽ re-render
const [user, setUser] = ();
// useEffect chạy side effect (fetch dữ liệu, subscription) sau khi render
useEffect(() => {
fetchData(); // chạy sau khi render
// CLEANUP tùy chọn (hàm trả về) — chạy khi unmount / trước khi chạy lại
const sub = subscribe();
return () => sub.unsubscribe(); // DỌN DẸP (ngăn rò rỉ)
}, [dependency]); // mảng dependency → khi nào chạy lại
// → [] = chạy một lần khi mount; [dep] = chạy khi dep thay đổi; không có = mỗi lần render
useEffect xử lý side effect (fetch dữ liệu, subscription, timer) với một mảng dependency kiểm soát khi nào nó chạy, và một hàm cleanup tùy chọn (quan trọng để ngăn rò rỉ).
useContext → tiêu thụ context (dữ liệu chia sẻ mà không cần prop drilling)
useRef → một tham chiếu mutable tồn tại xuyên suốt các lần render (ví dụ tham chiếu một component,
lưu một giá trị mà không re-render)
useMemo → memoize một giá trị tính toán đắt đỏ (hiệu năng)
useCallback → memoize một hàm (tránh tạo lại/re-render không cần thiết)
useReducer → quản lý state phức tạp bằng một reducer
CUSTOM HOOK → trích xuất logic stateful tái sử dụng (ví dụ useFetch, useAuth)
⚠️ Chỉ gọi hook ở CẤP CAO NHẤT của một component (không trong điều kiện/vòng lặp/hàm lồng nhau)
⚠️ Chỉ gọi hook từ React component hoặc custom hook
→ Các quy tắc này đảm bảo hook hoạt động đúng (React dựa vào thứ tự gọi).
Hiểu React hook là thiết yếu cho React Native vì hook là cách tiêu chuẩn để quản lý state và side effect trong functional component, vốn là cách các app React Native hiện đại được xây dựng, nên đây là kiến thức buộc phải biết.
Hook hoạt động giống hệt trong React Native như trong React cho web, khiến kiến thức này chuyển giao trực tiếp. useState (quản lý state, gây ra re-render) là nền tảng cho bất kỳ component nào có dữ liệu thay đổi. useEffect đặc biệt quan trọng: nó xử lý side effect (fetch dữ liệu, subscription, timer) với một mảng dependency kiểm soát khi nào nó chạy và một hàm cleanup tùy chọn (cực kỳ quan trọng để ngăn rò rỉ bằng cách unsubscribe/dọn dẹp) — hiểu useEffect, mảng dependency của nó, và cleanup là thiết yếu vì side effect (như fetch dữ liệu khi một màn hình tải) là phổ biến và làm sai useEffect gây ra bug (vòng lặp vô hạn do dependency sai, rò rỉ do thiếu cleanup).
Hiểu các hook chính khác — useContext (tiêu thụ dữ liệu chia sẻ mà không cần prop drilling), useRef (tham chiếu mutable tồn tại lâu dài), useMemo/useCallback (memoization cho hiệu năng), useReducer (state phức tạp), và custom hook (trích xuất logic stateful tái sử dụng như useFetch hoặc useAuth — một mẫu mạnh mẽ để tái sử dụng code) — bao quát bộ công cụ để xây dựng component thực tế.
Hiểu quy tắc của hook (chỉ gọi chúng ở cấp cao nhất và chỉ từ component/custom hook, vì React dựa vào thứ tự gọi) là thiết yếu để tránh các bug tinh vi.
Vì hook là cơ chế tiêu chuẩn cho state và side effect trong các functional component React Native hiện đại (và kiến thức chuyển giao trực tiếp từ React), và vì hiểu các hook chính (đặc biệt useState và useEffect với cleanup của nó) cùng các quy tắc là thiết yếu để xây dựng component đúng đắn, hiểu React hook là kiến thức React Native thiết yếu, được áp dụng thường xuyên — nền tảng để xây dựng component React Native hiện đại, trung tâm cho việc quản lý state và side effect, và chuyển giao trực tiếp từ web React, một kỹ năng cốt lõi cho phát triển React Native.