Hooks στο React

Σε αυτό το μάθημα θα αρχίσουμε να εξοικειωνόμαστε με τα hooks. Έχουμε ήδη συναντήσει όταν μελετούσαμε states - εκεί μάθαμε να δουλεύουμε με το hook κατάστασης useState.

Γενικά, τα hooks είναι συνηθισμένες συναρτήσεις JavaScript, τα ονόματα των οποίων ξεκινούν με τη λέξη 'use'.

Τα hooks μας επιτρέπουν να χρησιμοποιούμε states και άλλες δυνατότητες του React χωρίς τη χρήση κλάσεων. Αυτά διευκολύνουν την επαναχρησιμοποίηση κώδικα για διάφορες εργασίες, καθώς και τον έλεγχό του και βοηθούν στο να σπάμε σύνθετα components σε απλούστερες συναρτήσεις ανάλογα με τον σκοπό τους. Μερικά hooks μπορούν ακόμη και να αντικαταστήσουν τη λειτουργικότητα του Redux. Επιπλέον, τα hooks βοηθούν στη βελτίωση της απόδοσης της εφαρμογής.

Αν θέλετε να χρησιμοποιήσετε hooks, τότε ακολουθήστε δύο βασικούς κανόνες. Πρώτον, χρησιμοποιήστε τα μόνο στο ανώτερο επίπεδο - μην τα καλείτε μέσα σε βρόχους, υποθετικούς τελεστές ή ένθετες συναρτήσεις. Δεύτερον, τα hooks πρέπει να καλούνται μόνο από συναρτήσεις React (από React components ή προσαρμοσμένα hooks), αλλά όχι από συνηθισμένες συναρτήσεις JavaScript.

Επίσης, ένα λάθος που κάνουν προγραμματιστές, είναι ο απεριόριστος χρήση των hooks στον κώδικα. Πριν χρησιμοποιήσετε ένα συγκεκριμένο hook, βεβαιωθείτε ότι είναι πραγματικά απαραίτητο.

Στο επόμενο μάθημα θα εξετάσουμε τους τύπους hooks.