background image

npm τόσο για την εγκατάσταση πακέτων όσο και την ενημέρωση τους.

Σχήμα 2.5: Σύνταξη για εγκατάσταση npm/package.

2.2.3

React

Η React, γνωστή και ως React.js ή ReactJS [26], είναι μια βιβλιοθήκη JavaScript

για τη δημιουργία διεπαϕών χρήστη. Δημιουργήθηκε και διατηρείται από την ομάδα

του Facebook και από μια κοινότητα μεμονωμένων προγραμματιστών και εταιρειών.

Χρησιμοποιείται ως βάση για την ανάπτυξη εϕαρμογών μιας ιστοσελίδας ή κινητών

τηλεϕώνων, καθώς είναι βέλτιστη ως προς την εξαγωγή ταχέων μεταβαλλόμενων δε-

δομένων τα οποία πρέπει να καταγράϕονται. Ωστόσο, η λήψη δεδομένων είναι μόνο

η αρχή όσων συμβαίνουν σε μια ιστοσελίδα, για αυτό και οι σύνθετες εϕαρμογές

React συνήθως απαιτούν τη χρήση πρόσθετων βιβλιοθηκών, όπως React Router, για το

state management, τη δρομολόγηση και την αλληλεπίδραση με ένα API. Ουσιαστικά,

είναι το view layer (στρώμα προβολής) για εϕαρμογές ιστού. Η React λειτουργεί με

τη χρήση components (στοιχείων), δηλαδή μιας αυτοτελούς ενότητας που επιστρέϕει

κάποιο output. Γράϕονται στοιχεία διεπαϕής (interface elements), όπως ένα κουμπί

ή ένα πεδίο εισαγωγής, ως ένα στοιχείο (component). Τα components μπορεί να

είναι σύνθετα, και πιο συγκεκριμένα ένα component μπορεί να περιλαμβάνει ένα ή

περισσότερα άλλα components στο output του. Σε γενικές γραμμές, προκειμένου να

υλοποιηθεί μια εϕαρμογή γράϕονται στοιχεία React (React components) που αντι-

στοιχούν σε διάϕορα στοιχεία διεπαϕής, και στη συνέχεια οργανώνονται αυτά τα

στοιχεία μέσα σε άλλα στοιχεία υψηλότερου επιπέδου που καθορίζουν τη δομή της

εϕαρμογής. Είναι σημαντικό να αναϕερθεί, ότι κάθε στοιχείο σε μια εϕαρμογή React

31