Frontend

Τι είναι μια καθαρή λειτουργία; Πότε είναι μια καθαρή λειτουργία; Τι είναι οι παρενέργειες;

Δεδομένου του ακόλουθου αποσπάσματος κώδικα: ```typescript let info = { name: "Alex", skill: ["git", "react", "read"], }; let started = (info: any) => { let { name, skill } = info; (name = "Alex Pool"), skill.push("delete"); return { name, skill, online: true, }; }; ``` Εξηγήστε τι κάνει η συνάρτηση `started` με το αντικείμενο `info` και περιγράψτε το αποτέλεσμα της κλήσης `started(info)`. Επιπλέον, συζητήστε αν το αρχικό αντικείμενο `info` μεταβάλλεται μετά την κλήση `started(info)`.

Πώς έγινε η ανασκόπηση κώδικα στην ομάδα; Υπήρχε κανονισμός; Στις τι έδινε προσοχή;

Μίλησέ μου για τα κρίσιμα στάδια της απόδοσης του προγράμματος περιήγησης

Οι παράμετροι στη λειτουργία περνιούνται με αναφορά ή με τιμή;

Η ανάλυση HTML και CSS γίνεται διαδοχικά ή παράλληλα;

Μίλησέ μου για το event loop: ποιος είναι ο σκοπός του, πώς λειτουργεί

Τι είναι το ψευδο-πίνακας arguments; Πώς διαφέρει από έναν κανονικό πίνακα;

Τι είναι η αναδρομή; Ποιοι είναι οι κανόνες της; Για ποιο λόγο χρειάζεται;

Τι είναι η Συμφιλίωση του React; Πώς λειτουργεί; Με ποια κριτήρια αποφασίζει το React να ενημερώσει ή να επανεγκαταστήσει ένα συστατικό;

Πότε καλούνται τα useEffect και useLayoutEffect;

Ρύθμισες τις pipelines CI/CD, linters, prettier, hooks pre-commit — τις ξεκίνησες εσύ ή ήρθε η εργασία από πάνω;

// Promise.resolve() // .then(() => console.log(1)) // // .then(() => console.log(2)) // // Promise.resolve() // .then(() => console.log(11)) // // .then(() => console.log(22)) //

Πες μου για τον εαυτό σου και την εργασιακή σου εμπειρία

Τι άλλαξε στο React 18 στη διαδικασία Reconciliation;

λειτουργία recursiveFunction(N) { αρίθμηση = 0; αν (N > 0) { αρίθμηση = αρίθμηση + 1; recursiveFunction(N - 1); } // console.log(αρίθμηση) } recursiveFunction(3); // 3 3 3 ? Εξηγήστε ποιο θα είναι το αποτέλεσμα της λειτουργίας και γιατί. Επίσης, εντοπίστε τυχόν προβλήματα με την τρέχουσα υλοποίηση της αναδρομικής λειτουργίας και προτείνετε πώς να τα διορθώσετε ώστε να μετράτε και να καταγράφετε σωστά τον αριθμό των αναδρομικών κλήσεων.

Γιατί χρειάζεται το React; Ποια προβλήματα λύνει; Πότε είναι περιττό;

import "./styles.css"; import React from "react"; const getData = () => { return Array.from({ length: 50 }, (el, idx) => ({ value: Math.random(), label: `γραμμή ${idx + 1}`, })); }; export default function App() { const [data, setData] = React.useState(getData()); const handleUpdate = () => { setData((prev) => { return prev.map((row, i) => i === 0 ? { ...row, value: Math.random() } : row ); }); }; return ( <div> <h1>Εφαρμογή Λίστας</h1> <Button onClick={handleUpdate}>ενημέρωση `γραμμής 1`</Button> {data.map((row) => { return <Row key={row.label} label={row.label} value={row.value} />; })} </div> ); }

Το Emotion και τα styled-components δημιουργούν στυλ κατά το runtime — είναι πρόβλημα; Πότε αρχίζει να πονάει; Ποιες είναι οι εναλλακτικές με καλύτερη απόδοση;

Ποιο θα είναι το αποτέλεσμα του παρακάτω αποσπάσματος κώδικα; ```javascript setTimeout(() => { console.log('B') }, 0) Promise.resolve().then(() => { console.log('C') }) Promise.resolve().then(() => { console.log('D') }) console.log('E') ```