Hooks (useState, useEffect, useContext, και άλλα) είναι χαρακτηριστικά του React για τη διαχείριση state και side effects σε functional components — και λειτουργούν με τον ίδιο τρόπο στο React Native. Η κατανόηση των βασικών hooks είναι απαραίτητη για τη δημιουργία React Native components.
const [count, setCount] = useState(0); // state + setter; setting it re-renders
const [user, setUser] = ();
// useEffect runs side effects (data fetching, subscriptions) after render
useEffect(() => {
fetchData(); // runs after render
// optional CLEANUP (returned function) — runs on unmount / before re-running
const sub = subscribe();
return () => sub.unsubscribe(); // CLEAN UP (prevent leaks)
}, [dependency]); // dependency array → when to re-run
// → [] = run once on mount; [dep] = run when dep changes; none = every render
Το useEffect χειρίζεται side effects (ανάκτηση δεδομένων, subscriptions, timers) με ένα dependency array που ελέγχει πότε εκτελείται, και μια προαιρετική cleanup function (σημαντική για την αποτροπή memory leaks).
useContext → consume context (shared data without prop drilling)
useRef → a mutable reference that persists across renders (e.g. reference a component,
store a value without re-rendering)
useMemo → memoize an expensive computed value (performance)
useCallback → memoize a function (avoid unnecessary re-creation/re-renders)
useReducer → manage complex state with a reducer
CUSTOM HOOKS → extract reusable stateful logic (e.g. useFetch, useAuth)
⚠️ Only call hooks at the TOP LEVEL of a component (not in conditions/loops/nested functions)
⚠️ Only call hooks from React components or custom hooks
→ These rules ensure hooks work correctly (React relies on call order).
Η κατανόηση των React hooks είναι απαραίτητη για το React Native επειδή τα hooks είναι ο τυπικός τρόπος διαχείρισης state και side effects σε functional components, που είναι το πώς κατασκευάζονται οι σύγχρονες εφαρμογές React Native, επομένως είναι ουσιώδης γνώση.
Τα hooks λειτουργούν ταυτόσημα στο React Native όπως και στο React για web, κάνοντας αυτή τη γνώση άμεσα μεταφερόμενη. Το useState (διαχείριση state, ενεργοποίηση re-renders) είναι θεμελιώδες για οποιοδήποτε component με δεδομένα που αλλάζουν. Το useEffect είναι ιδιαίτερα σημαντικό: χειρίζεται side effects (ανάκτηση δεδομένων, subscriptions, timers) με ένα dependency array που ελέγχει πότε εκτελείται και μια προαιρετική cleanup function (κρίσιμη για την αποτροπή memory leaks με unsubscribing/καθαρισμό) — η κατανόηση του useEffect, του dependency array του, και του cleanup είναι απαραίτητη καθώς τα side effects (όπως η ανάκτηση δεδομένων όταν φορτώνεται μια οθόνη) είναι συνηθισμένα και τα λάθη στο useEffect προκαλούν bugs (άπειροι βρόχοι από λάθος dependencies, leaks από ελλιπή cleanup).
Η κατανόηση άλλων βασικών hooks — useContext (κατανάλωση κοινών δεδομένων χωρίς prop drilling), useRef (μόνιμες mutable αναφορές), useMemo/useCallback (memoization για απόδοση), useReducer (πολύπλοκο state), και custom hooks (εξαγωγή επαναχρησιμοποιήσιμης stateful λογικής όπως useFetch ή useAuth — ένα ισχυρό pattern για επαναχρησιμοποίηση κώδικα) — καλύπτει το toolkit για την κατασκευή πραγματικών components.
Η κατανόηση των rules of hooks (κλήση τους μόνο στο top level και μόνο από components/custom hooks, καθώς το React βασίζεται στη σειρά κλήσης) είναι απαραίτητη για την αποφυγή λεπτών bugs.
Επειδή τα hooks είναι ο τυπικός μηχανισμός για state και side effects σε σύγχρονα functional React Native components (και η γνώση μεταφέρεται άμεσα από το React), και επειδή η κατανόηση των βασικών hooks (ειδικά useState και useEffect με το cleanup του) και των rules είναι απαραίτητη για την κατασκευή σωστών components, η κατανόηση των React hooks είναι απαραίτητη, συχνά εφαρμοζόμενη γνώση React Native — θεμελιώδης για την κατασκευή σύγχρονων React Native components, κεντρική για τη διαχείριση state και side effects, και άμεσα μεταφερόμενη από το web React, μια βασική δεξιότητα για την ανάπτυξη React Native.