Σχήμα 4.37: Προβολή σελίδας “Authenticate” με κλειστό navigation bar από συσκευή μικρότερης
οθόνης.
4.3.1
Κομμάτια κώδικα στο Front‐end
React router DOM
Καθώς η διαδικτυακή εϕαρμογή έχει ακολουθήσει το πρότυπο SPA (single-page
application), η καλύτερη επιλογή για την δυνατότητα πλοήγησης των χρηστών με-
ταξύ των σελίδων ήταν η χρήση της βιβλιοθήκης “react-router-dom”, η οποία βέβαια
δεν ανήκει στην οικογένεια της React, αλλά λόγω της ευχρηστίας και αξιοπιστίας
της επιλέγεται κατά κόρον από την πλειοψηϕία των προγραμματιστών. Στο σχήμα
4.39, προβάλλεται η δομή των routes της εϕαρμογής, που αϕορούν τις σελίδες του
εγγεγραμμένου χρήστη, και η σύνταξη της γίνεται με ασύγχρονο τρόπο. Αντίστοιχη
λογική ακολουθεί και η δομή των routes που αϕορούν μη εγγεγραμμένο χρήστη.
82