Frontend

/* Γράψτε τον τύπο MyReadonly - κάνει όλα τα πεδία μόνο για ανάγνωση */ type User = { id: number name: string } type MyReadonly<T> = any const user: MyReadonly<User> = { id: 1, name: "John" } user.name = "Jane" /* Γράψτε τον τύπο MyRequired — καθιστά όλα τα προαιρετικά πεδία υποχρεωτικά */ type User = { id?: number name?: string } type MyRequired<T> = { } /* Γράψτε τον τύπο MyPartial — καθιστά όλα τα προαιρετικά πεδία υποχρεωτικά */ type User = { id: number name: string } type MyPartial<T> = { } const user1: MyRequired<User> = { id: 1, name: "John" } const user2: MyRequired<User> = { id: 1 }

Ποια εργαλεία κατασκευής χρησιμοποιήθηκαν; Ποια είναι τα πλεονεκτήματα και τα μειονεκτήματα του Webpack και του Vite;

/** * Γράψτε τον τύπο για τη συνάρτηση getObjField * * @param obj - Το αντικείμενο από το οποίο λαμβάνεται η τιμή * @param key - Το κλειδί της τιμής * @returns Η τιμή που αντιστοιχεί στο κλειδί στο αντικείμενο */ type Obj = { name: string; age: number; }; const getObjField = <K extends keyof Obj>(obj: Obj, key: K): Obj[K] => { return obj[key]; }; const user: Obj = { name: "Nik", age: 25 }; const value1 = getObjField(user, "name"); const value2 = getObjField(user, "age"); const value3 = getObjField(user, "test"); // Σφάλμα: Η παράμετρος τύπου '"test"' δεν μπορεί να ανατεθεί στην παράμετρο τύπου 'keyof Obj'.

Πώς λειτουργούν οι γεννήτριες σε JavaScript σε σύγκριση με τις κανονικές συναρτήσεις;

Ποια είναι η σειρά εκτέλεσης των μικροεργασιών και των μακροεργασιών στο Event Loop;

Ποιος ασχολήθηκε με τη ρύθμιση του περιβάλλοντος ανάπτυξης, των linters, των formatter (Husky, hooks pre-commit);

Ποια είναι η διαφορά μεταξύ debounce και throttle;

Τι είναι τα generics και γιατί χρειάζονται;

Τι θα εμφανιστεί στην κονσόλα;

τύπος Obiekt = { όνομα: string ηλικία: number } const getObjField = (obj: any, key: any) => { return obj[key] } const user: Obiekt = { όνομα: "Nik", ηλικία: 25 } const value1 = getObjField(user, "όνομα") const value2 = getObjField(user, "ηλικία") const value3 = getObjField(user, "test") const getObjField = <T, K extends keyof T>(obj: T, key: K) => { return obj[key] }

Έχετε εμπειρία με το TanStack Table (πρώην React Table);

// Τι θα εμφανιστεί στην κονσόλα const a = {}; const fn = (b) => { b.some = "1"; }; fn(a); console.log(a.some); // ?

Έχετε εμπειρία με το Next.js;

Ποια είναι η διαφορά μεταξύ any και unknown στο TypeScript;

Ποιος είναι ο σκοπός των portals στο React;

Ποιος είναι ο σκοπός των κλειδιών στο React και γιατί πρέπει να είναι μοναδικά;

Έχετε εργαστεί ποτέ με γραφήματα, για παράδειγμα, ένα γραμμικό γράφημα;

Το UI-kit βασίστηκε σε κάποια βιβλιοθήκη ή ήταν εντελώς προσαρμοσμένο;

Έχετε χρειαστεί ποτέ να χρησιμοποιήσετε το Lodash ή τα ανάλογά του;

Τι θα επέλεγες αν έπρεπε να γράψεις έναν πολύπλοκο πίνακα με σερβερική σελιδοποίηση, ταξινομήσεις και φίλτρα;