background image

Σχεδιασμός και υλοποίηση πληροφοριακού συστήματος διαχείρισης εθελοντών και απινιδωτών  

 
 

 
 

38 

επισκεψιμότητα.  Είναι  προαπαιτούμενο  για  την  λειτουργία  των  Javascript  πακέτων  του 

Bootstrap. Η σημερινή του έκδοση είναι η 3.3.1. Παράδειγμα εντολής jQuery παρουσιάζει η 

εικόνα παρακάτω. 

 

Εικόνα 12: Παράδειγμα εντολής jQuery 

 

2.2.4 React 

 
 

 

Η  React  [21]  (ReactJS  ή  React.js)  είναι  μία  ανοικτού  κώδικα  (open  source) 

βιβλιοθήκη της Javascript για τη δημιουργία διεπαφών χρήστη (UI) όσον αφορά το μπροστινό 

κομμάτι αλληλεπίδρασης (frontend). Είναι το στρώμα προβολής (view layer) για εφαρμογές 

ιστού.  Δημιουργήθηκε  (2013),  αναπτύσσεται  και  συντηρείται  μέχρι  και  σήμερα,  ως  επί  το 

πλείστον,  από  την  ομάδα  προγραμματιστών  του  Facebook.  Πρόκειται  για  ένα  από  τα  πιo 

σύγχρονα και τεχνολογικά εξελιγμένα εργαλεία για δημιουργία σύνθετων εφαρμογών, που δεν 

περιορίζονται μόνο στο διαδικτυακό κομμάτι. Η σαφής λειτουργία της είναι, η δυνατότητα 

που προσφέρει για ταυτόχρονη αλληλεπίδραση των δεδομένων με τον χρήστη (rendering), η 

οποία συμβαίνει ταχύτατα, παράλληλα με την δυνατότητα για το χτίσιμο html στοιχείων εντός 

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

εγκατάσταση,  που  το  καθένα  από  αυτά  αποτελεί  ξεχωριστή  λειτουργία.  Αν  συνδυαστούν, 

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

εφαρμογής. Ένα πολύ σημαντικό στοιχείο που προκύπτει είναι το εξής: δύναται η δημιουργία 

ενός  διαφορετικού  είδους  εφαρμογής,  η  λεγόμενη  εφαρμογή  μίας  σελίδας  (Single  Page 

Application ή SPA) [22], η οποία δεν αποτελεί τίποτα παραπάνω από ένα HTML έγγραφο, το 

οποίο  περιέχει  σαν  εξάρτηση  ένα  Javascript  έγγραφο,  που  περιέχει  όλο  τον  απαραίτητο 

κώδικα.  Αυτό  πρακτικά  οδηγεί  στην  δυνατότητα  αποφόρτισης  του  εξυπηρετητή  και  στην 

μετατροπή  του  από  ένα  πολυσύνθετο  σύστημα  που  ευθύνεται  για  πολλές  λειτουργίες 

παράλληλα  (αυθεντικοποίηση,  φόρτωση  html,  ασφάλεια,  αλληλεπίδραση  με  την  βάση 

δεδομένων, κ.α.) σε ένα αρκετά πιο βασικό και πιο εύκολο στην δημιουργία του, το λεγόμενο 

Application  Programming  Interface  ή  API  [23].  Ένας  από  τους  λόγους  που  γίνεται  αυτή  η