Frontend

Πώς θα δοκιμάζατε μια φόρμα με δυναμικά πεδία και σφάλματα από τον διακομιστή; Ποιες τεχνολογίες θα χρησιμοποιούσατε;

Η απάντηση API μπορεί να περιέχει σφάλμα που πρέπει να εμφανίζεται στον χρήστη δίπλα στο αντίστοιχο πεδίο.

Τι μπορεί να γίνει με τις εικόνες για τη βελτιστοποίηση της απόδοσης της σελίδας;

Υπάρχει ένα φίλτρο με καρτέλες. Όταν αλλάζετε γρήγορα μεταξύ καρτελών, μερικές φορές εμφανίζονται παλιές τιμές που δεν σχετίζονται με την τρέχουσα καρτέλα. Ποιο είναι το πρόβλημα και πώς μπορεί να διορθωθεί;

Ήταν μια υπηρεσία B2B ή B2C; Υπήρχαν μετρήσεις για την παρακολούθηση σφαλμάτων και της εμπειρίας του χρήστη;

Δείτε αυτόν τον κώδικα με SSR και την κλάση singleton i18n. Βρείτε ένα σοβαρό πρόβλημα που μπορεί να καταστρέψει το HTML που παραδίδεται στον χρήστη. Πώς το διορθώνετε;

Πρέπει να σχεδιάσετε μια πινακίδα οδικής κυκλοφορίας σε ένα div, συμπεριλαμβανομένης μιας μικρής κόκκινης γραμμής δεξιά.

Δεν μπορούμε να προσθέσουμε ετικέτες ή να εκδόσουμε μέσω CI/CD. Ο πελάτης μπορεί να έχει μια έκδοση, και το backend άλλη. Τι μπορούμε να κάνουμε σε αυτές τις συνθήκες εκτός από την παρακολούθηση σφαλμάτων με το Sentry;

Φανταστείτε μια σελίδα με πολλά καρτελάκια και lazy loading (όπως στο Stripchat). Ποια άκρα περιπτώσεις βλέπετε, ποια προβλήματα μπορεί να προκύψουν, τι θα βελτιστοποιούσατε; Πώς λειτουργεί η εικονικοποίηση (React Window);

Γιατί οι χρήστες δεν φτάνουν στο Store και πώς να φορτώσετε χρήστες στο Store;

Έχουμε ένα μεγάλο έργο σε ένα monorepo με ενιαία ροή κυκλοφορίας. Αποφασίσαμε να το διαχωρίσουμε και να βγάλουμε το frontend σε ξεχωρισκά αποθετήρια με το δικό του κύκλο κυκλοφορίας. Προκύπτει το πρόβλημα της ασυγχρονίας των εκδόσεων μεταξύ backend και πελάτη. Πώς θα έβλεπες τη λύση σε αυτό το πρόβλημα; Πώς θα οργανώσεις τη δουλειά ώστε να είσαι όσο το δυνατόν περισσότερο προστατευμένος από σφάλματα στην παραγωγή;

Τι μπορεί να μπλοκάρει την πρώτη απόδοση στον browser μετά τη λήψη του HTML; Τι μπορεί να γίνει με τη συγχρονική φόρτωση JS και CSS;

Πού αποθηκευόταν η κανονικοποιημένη κρυφή μνήμη; Ήταν κάποιο είδος αντιδραστικού;

Ποιοι μειωτές έχει το Store και υπάρχει κάποιος μειωτής για να τοποθετήσετε χρήστες εκεί;

Δες τη λειτουργία στον επεξεργαστή: παίρνει έναν πίνακα κλειδιών και ένα αντικείμενο, και μέσω reduce αντιγράφει μόνο το αντικείμενο με τα καθορισμένα κλειδιά. Πώς θα ονόμαζες αυτή τη λειτουργία;

Υποδείξατε ποιες ερωτήσεις επιστρέφουν οντότητες ή πώς λειτουργούσε αυτό όταν ήσασταν κοντά στην ερώτηση;

Βλέπουμε ότι το SSR δεν επιστρέφει τίποτα σε 2 δευτερόλεπτα. Ποιες επιλογές υπάρχουν για να το βελτιώσουμε;

Κατά την πλοήγηση από τη σελίδα λίστας χρηστών στη σελίδα ενός συγκεκριμένου χρήστη, υπάρχει μεγάλη φόρτωση (ο φορτωτής παραμένει για 2 δευτερόλεπτα λόγω τεχνητής καθυστέρησης). Πώς μπορεί να βελτιωθεί αυτή η κατάσταση;

Πώς να διορθώσετε το πρόβλημα των περιττών αιτημάτων δεδομένων στον πελάτη, όταν τα δεδομένα έχουν ήδη φορτωθεί στον διακομιστή μέσω SSR;

Πώς βελτιστοποιείται η φόρτωση εικόνων στις κάρτες που είναι ορατές στο viewport; Πώς λύνεται το πρόβλημα της συνθήκης race κατά την ταχεία εναλλαγή περιεχομένου (π.χ., YouTube Shorts);