Frontend

Γιατί χρησιμοποιούμε την λειτουργική ενημέρωση της κατάστασης (περνώντας μια λειτουργία στο setState με το επιχείρημα prev), και όχι απλά count + 1;

Τι σε ώθησε να αρχίσεις να ψάχνεις για μια νέα δουλειά;

Για ποιο λόγο χρειάζεται πραγματικά το useState και γιατί δεν μπορούμε απλά να αλλάξουμε απευθείας τη μεταβλητή ή να χρησιμοποιήσουμε το useRef;

Ποια είναι τα μειονεκτήματα του Virtual DOM;

Πες μου για την εργασιακή σου εμπειρία, τα έργα και τις τεχνολογίες που χρησιμοποιείς.

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

Με ποια αρχές καθοδηγείσαι κατά το σχεδιασμό της αρχιτεκτονικής και την επιλογή τεχνολογιών;

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

Τι ψάχνεις σε μια νέα δουλειά, σε τι δίνεις προσοχή;

Υλοποιήστε έναν διαχειριστή γεγονότων που δέχεται γεγονότα με τυχαία σειρά και τα στέλνει στη σωστή σειρά με βάση το ID (ξεκινώντας από το 1, κάθε επόμενο με +1). Τα γεγονότα μπορούν να προέρχονται από πολλά κανάλια, και η σειρά πρέπει να διατηρείται ξεχωριστά σε κάθε κανάλι. Τα διπλότυπα γεγονότα πρέπει να αγνοούνται. Για αποστολή, χρησιμοποιήστε τη λειτουργία sendEvent.

Πρακτική άσκηση: βελτιώστε το συστατικό μετρητή σε React ώστε, όταν πατάτε το κουμπί "Αύξηση", η τιμή του μετρητή να αυξάνεται κατά 1 και να προστίθεται μια καταχώριση στην ιστορία με τη νέα τιμή; όταν πατάτε "Μείωση" — το ίδιο; όταν πατάτε "Επαναφορά" — η ιστορία να διαγράφεται.

Πώς εφαρμόσατε τους διαχειριστές κατάστασης από την άποψη της αρχιτεκτονικής και των πρακτικών χρήσης;

Υλοποιήστε τη λειτουργία smartFetch, η οποία είναι ένα περιτύλιγμα πάνω από τη λειτουργία batchFetch για αιτήματα δεδομένων από το backend με βάση το ID. Η λειτουργία πρέπει να συγκεντρώνει τις κλήσεις κατά τη διάρκεια ενός χρονικού παραθύρου (timeout) και να τις στέλνει σε ένα ενιαίο αίτημα παρτίδας. Η αναμονή για το επόμενο παράθυρο ξεκινά αμέσως μετά την αποστολή του αιτήματος. Τα ID είναι μοναδικά, το fetch είναι πάντα επιτυχές. Είναι απαραίτητο να χειριστεί σωστά την περίπτωση που μέσα σε ένα παράθυρο έρχονται διπλότυχα ID.

Εργασία: Δημιουργήστε μια σελίδα με έναν πολυλειτουργικό πίνακα κρυπτονομισμάτων. Πρέπει να συνδεθείτε με το API και να εμφανίσετε τη λίστα των νομισμάτων στον πίνακα. Ελάχιστες απαιτήσεις: Προϊόν από το μηδέν Μόνο Typescript Σύνδεση με το API Ταξινόμηση κατά τιμές στην στήλη Αναζήτηση κατά τιμές στα κελιά (λειτουργεί με την αρχή του λογικού AND) Πρόσθετα καθήκοντα: Προσαρμοσμένη σελίδα Ελάχιστα στυλ (ευχάριστη και τακτοποιημένη εμφάνιση) Γενική αναζήτηση σε όλες τις τιμές των κελιών Δυνατότητα στερέωσης στηλών

Ποιοι είναι οι τρόποι βελτιστοποίησης της απόδοσης στο React;

Ποια τεχνολογία βρίσκεται στη βάση του React και ποιος είναι ο σκοπός της;