Frontend

Ποια είναι η διαφορά μεταξύ ελεγχόμενων και ανεξέλεγκτων συστατικών στο React; Σε ποιες περιπτώσεις είναι καλύτερο να χρησιμοποιείτε ανεξέλεγκτα;

Καθορίστε τη σειρά εμφάνισης στην κονσόλα για τον κώδικα που χρησιμοποιεί async/await και setTimeout.

Ο προγραμματιστής λαμβάνει ένα JWT token μετά την είσοδο. Τι πρέπει να κάνει με αυτό; Πού είναι καλύτερο να αποθηκεύσετε το token — στο localStorage ή σε ένα cookie; Πώς να αποθηκεύσετε το token σε ένα cookie;

Θα γίνει επανα-απόδοση αν το συστατικό δεν έχει props;

Ας υποθέσουμε ότι δεν λαμβάνεις IDs από το backend. Πώς θα το αντιμετωπίζεις;

Γιατί ένας διαχειριστής κατάστασης (π.χ. Redux) είναι καλύτερος από απλώς διαχωρισμένους σε μέρη τα συμφραζόμενα;

Πώς να ασφαλίσετε τη λειτουργία άθροισης αν ο backend μπορεί να στείλει λανθασμένα δεδομένα (undefined, συμβολοσειρές αντί για αριθμούς);

Υπάρχει ένας πίνακας χρηστών που εμφανίζεται μέσω map. Πού είναι το λάθος και τι λείπει εδώ;

Υπάρχουν δύο συστατικά: App και Child. Το Child βρίσκεται μέσα στο App και είναι τυλιγμένο σε memo. Στο App υπάρχει ένα αντικείμενο user που περνάει ως prop στο Child, και ένα κουμπί που αλλάζει το count. Τι θα συμβεί όταν πατήσετε το κουμπί; Πώς να κάνετε ώστε το Child να μην ξανααποδομηθεί;

Καθορίστε τη σειρά εμφάνισης στην κονσόλα για τον κώδικα που χρησιμοποιεί setTimeout και Promise (άσκηση για το Event Loop).

Γιατί το RTK Query ή το React Query είναι καλύτερα από το απλό fetch για αιτήματα; Πώς καταλαβαίνει το frontend πότε πρέπει να ενημερώσει τα δεδομένα;

Όλα έχουν γίνει σωστά: το backend έθεσε ένα cookie HTTP-only. Αλλά κατά την ανανέωση της σελίδας, το cookie χάνεται. Ποιο μπορεί να είναι το πρόβλημα;

Άσκηση Two Sum: δίνεται ένας πίνακας αριθμών και ένας στόχος target. Βρείτε τους δείκτες δύο αριθμών των οποίων το άθροισμα είναι ίσο με το target. Ποια είναι η πολυπλοκότητα της λύσης σας;

Τα δεδομένα πίνακα προέρχονται από το backend με τη μορφή πίνακα αντικειμένων. Γράψτε μια συνάρτηση για τον υπολογισμό του αθροίσματος του πεδίου amount.

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

Πώς να χειριστείτε μια λειτουργία που περνάει ως prop σε ένα παιδικό συστατικό για να αποφύγετε περιττές επαναφορτώσεις;

Για ποιο λόγο χρειάζεται στην πραγματικότητα το κλειδί (key) στις λίστες στο React;