Sobes.tech
Junior

Ποια βασικά hooks του React γνωρίζετε και χρησιμοποιείτε;

sobes.tech AI

Απάντηση από AI

  • useState: Για τη διαχείριση της κατάστασης ενός συστατικού.
  • useEffect: Για την εκτέλεση παρενεργειών (απαιτήσεις API, συνδρομές, χειρισμοί DOM) σε λειτουργικά συστατικά, ως αντίδραση σε αλλαγές.
  • useContext: Για πρόσβαση στην τιμή του πλαισίου από ένα συστατικό, χωρίς να περνάτε props μέσω ενδιάμεσων επιπέδων.
  • useRef: Για την αποθήκευση μεταβλητών που αλλάζουν χωρίς να προκαλούν επανα-απόδοση, ή για την απόκτηση αναφοράς σε ένα στοιχείο DOM.
  • useMemo: Για την απομνημόνευση υπολογισμών και την αποτροπή επανάληψής τους σε κάθε απόδοση, εάν οι εξαρτήσεις δεν έχουν αλλάξει.
  • useCallback: Για την απομνημόνευση συναρτήσεων, ώστε να αποφεύγεται η δημιουργία τους σε κάθε απόδοση και να αποφεύγονται προβλήματα απόδοσης κατά την παράδοσή τους σε συστατικά που χρησιμοποιούν React.memo.
  • useReducer: Εναλλακτική του useState για τη διαχείριση πιο πολύπλοκων καταστάσεων, ιδιαίτερα χρήσιμη όταν υπάρχουν πολλαπλές σχετικές ενημερώσεις ή όταν η επόμενη κατάσταση εξαρτάται από την προηγούμενη.
  • useLayoutEffect: Εκτελείται συγχρονισμένα μετά από όλες τις μετατροπές DOM και πριν το πρόγραμμα περιήγησης "