Frontend

Εργασία: υλοποιήστε τη λειτουργία calculateStats για τον υπολογισμό του αθροίσματος και της μέσης τιμής ενός πίνακα αριθμών. Λάβετε υπόψη την περίπτωση κενής λίστας.

Ποιο HTML θα έρθει από το Next.js πριν από την υδράτωση;

Αναφέρετε την εμπειρία σας στην ανάπτυξη, ξεκινώντας από την τελευταία εργασία.

Τι είναι το κλείσιμο; Δώστε ένα παράδειγμα.

Τι είναι το debounce;

Τι μπαίνει στην ουρά των μικροεργασιών; Ονομάστε τις API Observer του προγράμματος περιήγησης, εκτός από το MutationObserver.

Τι είναι τα συστατικά διακομιστή και πελάτη στο Next.js; Πώς δηλώνεται ένα συστατικό πελάτη; Μπορείτε να ενσωματώσετε ένα συστατικό διακομιστή σε ένα συστατικό πελάτη και το αντίστροφο;

Πώς να αποτρέψετε το τρεμόπαιγμα της διεπαφής λόγω useEffect;

Πείτε μας, τι είναι το Module Federation και τι περιλαμβάνει;

Εργασία: υλοποιήστε τη λειτουργία ομαδοποίησης χρηστών κατά πόλη (groupByCity).

//Υλοποιήστε τη λειτουργία // promiseAllLimit(tasks: Array<() => Promise<unknown>>, limit: number): Promise<any[]>, //που εκτελεί υποσχέσεις με περιορισμό στον μέγιστο αριθμό ταυτόχρονων αιτημάτων.

Χρησιμοποιήσατε FSD — ποιος σχεδίασε τους τομείς; Μόνο νέα ονόματα φακέλων ή μια πιο βαθιά προσέγγιση στην αρχιτεκτονική; Τι υπήρχε μέσα στον φάκελο entities;

//Υλοποιήστε μια λειτουργία debounce: καθυστερήστε την εκτέλεση μιας λειτουργίας μέχρι να περάσει ο καθορισμένος χρόνος //παράδειγμα const debouncedSearch = debounce((query) => { console.log('Αναζήτηση για:', query); }, 300); debouncedSearch('a'); debouncedSearch('ab'); debouncedSearch('abc'); // Θα εκτελεστεί μόνο μία φορά με 'abc' μετά από 300ms από την τελευταία κλήση

Πώς αντιμετωπίζετε τα προβλήματα συμβατότητας μεταξύ προγραμμάτων περιήγησης; Πώς μπορείτε να καταλάβετε εκ των προτέρων αν μια ιδιότητα CSS θα λειτουργεί στους απαραίτητους browsers;

Όταν συνδέετε έναν Observer, πώς τον απενεργοποιείτε όταν δεν είναι πλέον απαραίτητος;

Ποια είναι η εμπειρία σας με το CSS, τη διάταξη — ξεκινήσατε απευθείας με React ή είχατε μια βάση σε καθαρό CSS/HTML;

Πώς συνδέσατε ένα ξεχωριστό αποθετήριο με κοινά στοιχεία σε ένα άλλο έργο — ως πακέτο ή με κάποιο άλλο τρόπο;

Ποιες στρατηγικές απόδοσης υπάρχουν; Μιλήστε μας για CSR, SSR, SSG.

Ποια είναι η διαφορά μεταξύ ενός Set και ενός κανονικού πίνακα; Ποια είναι η πολυπλοκότητα της λειτουργίας has() σε ένα Set;

Τι είναι το Event Loop;