Βασικοί Όροι στο Redux

Σε αυτό το μάθημα θα περάσουμε εν συντομία τις βασικές έννοιες και όρους, η γνώση των οποίων απαιτείται για την περαιτέρω μελέτη του Redux.

Θα ξεκινήσουμε με την ενέργεια (action). Αυτή είναι κάποιο συμβάν που περιγράφει τι συνέβη στην εφαρμογή μας. Τεχνικά είναι ένα απλό αντικείμενο JavaScript, που περιέχει το πεδίο type, στο οποίο γράφουμε το όνομα της ενέργειας.

Το δεύτερο σημαντικό πεδίο του αντικειμένου με την ενέργεια είναι το πεδίο payload. Θα περιέχει το ωφέλιμο φορτίο της ενέργειας. Με ωφέλιμο φορτίο νοείται κάποια δεδομένα που μεταδίδονται ως παράμετροι στην ενέργεια.

Επίσης, σε αυτό το αντικείμενο μπορεί να υπάρχουν και άλλα πεδία με επιπλέον πληροφορίες.

Ας δημιουργήσουμε για παράδειγμα μια ενέργεια και ας την ονομάσουμε addOrderAction. Ας ανταποκρίνεται στην προσθήκη μιας παραγγελίας. Στη ιδιότητα type θα υποδείξουμε ότι η παραγγελία προστέθηκε (orderAdded) στις παραγγελίες (orders). Και στο payload θα καθορίσουμε λεπτομερέστερα, τι παραγγελία, για παράδειγμα - βάψιμο τοίχου:

const addOrderAction = {
	type: 'orders/orderAdded',
	payload: 'Paint a wall'
}

Για να μην γράφουμε κάθε φορά το αντικείμενο με την ενέργεια χειροκίνητα, μπορούμε να χρησιμοποιήσουμε το λεγόμενο action creator - μια συνάρτηση, που θα δημιουργεί και θα επιστρέφει σε μας το αντικείμενο με την ενέργεια. Ας την ονομάσουμε addOrder. Ως παράμετρο θα της μεταβιβάζουμε το απαιτούμενο κείμενο για την ιδιότητα payload:

const addOrder = text => {
	return {
		type: 'orders/orderAdded',
		payload: text
	}
}

Η επόμενη σημαντική έννοια στην αλυσίδα είναι ο reducer (reducer) - μια συνάρτηση που δέχεται την τρέχουσα κατάσταση και το αντικείμενο με την ενέργεια. Αυτή η συνάρτηση αποφασίζει πώς να ενημερώσει την κατάσταση και επιστρέφει την ήδη ενημερωμένη κατάσταση (state), εάν αυτό είναι απαραίτητο.

Η επόμενη έννοια - η αποθήκη (store) - είναι ένα αντικείμενο, στο οποίο αποθηκεύεται η τρέχουσα καθολική κατάσταση της εφαρμογής Redux. Σε αυτό το αντικείμενο υπάρχει η μέθοδος getState, με τη βοήθεια της οποίας μπορούμε να λάβουμε την τρέχουσα τιμή της κατάστασης.

Στην αποθήκη υπάρχει επίσης η μέθοδος dispatch. Να την καλέσουμε και να μεταβιβάσουμε το αντικείμενο με την ενέργεια - αυτός είναι ο μόνος τρόπος για να αλλάξουμε την κατάσταση. Ως αποτέλεσμα η αποθήκη (store) θα εκκινήσει τη συνάρτηση-reducer και θα αποθηκεύσει σε αυτήν τη νέα τιμή της κατάστασης.

Και η τελευταία έννοια, που θα εξετάσουμε σε αυτό το μάθημα - είναι οι επιλογείς (selectors). Οι επιλογείς είναι ειδικές συναρτήσεις, που ξέρουν πώς να εξάγουν πληροφορίες από την κατάσταση, που βρίσκεται στην αποθήκη. Αυτές οι συναρτήσεις αποδεικνύονται ιδιαίτερα χρήσιμες όταν η εφαρμογή μεγαλώνει και βοηθούν να αποφευχθεί η επανάληψη κώδικα.

Περισσότερα για όλες αυτές τις έννοιες και για την εφαρμογή τους στην πράξη θα μάθουμε από τις επόμενες ενότητες αυτού του σεμιναρίου.