Εφέ στο React

Πριν εξετάσουμε την εφαρμογή του hook useEffect, πρέπει να κατανοήσουμε τι ακριβώς είναι τα εφέ στο React.

Εφέ ή παρενέργειες (side effects) - είναι πρόσθετες ενέργειες που επιτρέπουν σε ένα component να συνδέεται και να συγχρονίζεται με εξωτερικά συστήματα.

Με εξωτερικά συστήματα εννοούμε εκείνα τα κομμάτια κώδικα ή εφαρμογής, που δεν ελέγχονται από το React. Εδώ περιλαμβάνεται η εργασία με το δίκτυο, το DOM του browser, τα animation, widgets γραμμένα χρησιμοποιώντας βιβλιοθήκες UI τρίτων, και άλλες εφαρμογές που δεν έχουν δημιουργηθεί σε React.

Τα εφέ επιτρέπουν την εκτέλεση κώδικα μετά από την render, δίνοντας έτσι τη δυνατότητα να συγχρονίσετε το component σας με τέτοια συστήματα εκτός React.

Τα εφέ μπορούν να εκτελεστούν σε στιγμές πρώτης απόδοσης του component, τη στιγμή αλλαγής μιας παρατηρούμενης τιμής ή όταν ο κύκλος ζωής του component έχει ολοκληρωθεί.

Πρέπει να θυμόμαστε ότι τα εφέ είναι ένα είδος "επείγοντα" hatch από το React, δεν πρέπει να τα χρησιμοποιούμε υπερβολικά.