background image

τηρεί αυστηρές αρχές διαχείρισης δεδομένων. Οι σύνθετες, διαδραστικές διεπαϕές

χρήστη συχνά περιλαμβάνουν σύνθετα δεδομένα και εϕαρμογή state. Η επιϕάνεια

της React είναι περιορισμένη και έχει στόχο να δώσει τα εργαλεία για να μπορέσει

να προβλεϕθεί ο τρόπος εμϕάνισης μια εϕαρμογής με ένα δεδομένο σύνολο περι-

πτώσεων. Ειδικότερα, η React είναι ένα JavaScript framework. Η χρήση αυτού του

framework είναι τόσο απλή όσο περιλαμβάνει ένα αρχείο JavaScript στην HTML

και χρησιμοποιεί τις εξαγωγές της React σε μια εϕαρμογή JavaScript. Σε αντίθεση

με πολλούς προκατόχους, η React δε λειτουργεί άμεσα στο DOM (Document Object

Model) του προγράμματος περιήγησης, αλλά σε ένα εικονικό DOM (virtual DOM).

Αναλυτικότερα, αντί να χειρίζεται το έγγραϕο σε ένα πρόγραμμα περιήγησης μετά

από αλλαγές στα δεδομένα, που μπορεί να είναι αρκετά αργό, επιλύει τις αλλαγές

σε ένα DOM που έχει δημιουργηθεί εξ ολοκλήρου στη μνήμη. Στη συνέχεια, αϕού

ενημερωθεί το εικονικό DOM, η React καθορίζει με έξυπνο τρόπο τις αλλαγές που

πρέπει να κάνει στο DOM του πραγματικού προγράμματος περιήγησης. Εξίσου

σημαντικό να αναϕερθεί, είναι η συνεχόμενη εξέλιξη και ανανέωση της React από

τους εμπειρότερους προγραμματιστές του κόσμου. Η έκδοση που ακολούθησε το

συγκεκριμένο έργο είναι η v.16.12.0. Στο σχήμα 2.6 παρουσιάζεται η σύνταξη JSX

(JavaScript XML) ενός component σε React.

Σχήμα 2.6: Παράδειγμα σύνταξης JSX.

32