Publish/subscribe (pub/sub) είναι ένα μοτίβο ανταλλαγής μηνυμάτων όπου οι publishers εκπέμπουν γεγονότα και οι subscribers αντιδρούν σε αυτά, χωρίς να γνωρίζουν ο ένας για τον άλλον άμεσα. Πολλές βιβλιοθήκες κατάστασης (και συστήματα γεγονότων) είναι χτισμένες πάνω σε αυτό — ένα store δημοσιεύει αλλαγές και τα components εγγράφονται σε αυτές.
function createStore(initial) {
let state = initial;
const subscribers = new Set();
return {
getState: () => state,
setState(next) {
state = { ...state, ...next };
subscribers.forEach((fn) => fn(state)); // PUBLISH: notify all subscribers
},
subscribe(fn) {
subscribers.add(fn); // SUBSCRIBE
return () => subscribers.delete(fn); // return an unsubscribe function
},
};
}
Tα components καλούν subscribe(callback) για να ειδοποιούνται· το store καλεί κάθε subscriber όταν αλλάζει η κατάσταση (setState). Αυτό είναι ουσιαστικά το πώς λειτουργεί το store.subscribe του Redux, το Zustand και τα event emitters κάτω από το προσκήνιο.
Publisher (the store) doesn't know WHO is listening.
Subscribers don't know WHO published.
→ They're decoupled, communicating only through the event/store.
Αυτή η χαλαρή σύζευξη επιτρέπει σε ανεξάρτητα μέρη μιας εφαρμογής να αντιδρούν στις ίδιες αλλαγές χωρίς άμεσες αναφορές μεταξύ τους — ευέλικτο και επεκτάσιμο.
✓ Pros: decoupled, flexible, many-to-many communication, easy to add listeners
✗ Cons:
- Implicit flow — hard to trace WHO reacts to an event (vs explicit calls)
- Memory leaks — forgetting to UNSUBSCRIBE keeps dead listeners alive
- Debugging — indirection makes "why did this run?" harder to answer
- Ordering — subscriber execution order can be non-obvious
Το μεγαλύτερο πρακτικό κίνδυνο είναι το να ξεχάσεις να αποεγγραφθεις (π.χ. κατά την αποσύνδεση του component), το οποίο δημιουργεί διαρροή μνήμης και μπορεί να προκαλέσει callbacks να ενεργοποιηθούν σε νεκρά components.
useEffect(() => {
const unsub = store.subscribe(handleChange);
return unsub; // ✅ cleanup — unsubscribe on unmount
}, []);
Το pub/sub είναι ο υποκείμενος μηχανισμός των περισσότερων βιβλιοθηκών κατάστασης και συστημάτων γεγονότων — η κατανόηση του αποσαφηνίζει το πώς τα stores ειδοποιούν τα components και πώς λειτουργούν το subscribe/unsubscribe.
Εξηγεί τόσο τη δύναμη (αποσυζευγμένη, ευέλικτη επικοινωνία) όσο και τις παγίδες (σιωπηρή ροή δεδομένων που είναι δύσκολο να ανιχνευθεί και διαρροές μνήμης από αμελή καθαρισμό συνδρομών).
Η αναγνώριση του pub/sub σε βοηθά να σκεφτεις τη δραστικότητα κάτω από το προσκήνιο και ενισχύει τη σημασία του να καθαρίζεις πάντα τις συνδρομές.