Frontend

Ποιο θα είναι το αποτέλεσμα του παρακάτω κώδικα; ```javascript console.log(1); setTimeout(() => { console.log(2); }, 0); Promise.resolve().then(() => { console.log(3); }); console.log(4); setTimeout(() => { Promise.resolve().then(() => { console.log(5); }); }, 0); ```

Πείτε μας για τη διαδικασία ανάπτυξης και το Git-flow στην ομάδα σας. Πώς οργανώνεται η διαδικασία αναθεώρησης κώδικα;

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

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

Ποιοι διαχειριστές κατάστασης χρησιμοποιήθηκαν; Γιατί το Redux είναι κακό;

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

Τι είναι οι γενικοί τύποι στο TypeScript και γιατί χρειάζονται;

import { useState, useCallback } from 'react' const Συστατικό = () => { const [μετρητής, setΜετρητής] = useState(0); const handleClick = useCallback(() => { console.log(μετρητής); }, []); return ( <div> <div onClick={() => setΜετρητής((prev) => prev + 1)}>Μετρητής: {μετρητής}</div> <div onClick={handleClick}>Καταγραφή</div> </div> ); };

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

Τι συμβαίνει όταν εισάγετε μια διεύθυνση URL στο πρόγραμμα περιήγησης; Περιγράψτε τη διαδικασία από το ερώτημα DNS μέχρι την απόδοση της σελίδας.

Ποια συλλέκτες χρησιμοποιήσατε, γράψατε δικές σας ρυθμίσεις;

import { useEffect, useLayoutEffect } from 'react'; export default function App() { console.log('1'); useEffect(() => { console.log('2'); }, []); useLayoutEffect(() => { console.log('3'); }, []); return <div>BCraft</div>; }

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

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

Τι είναι το Event Loop στη JavaScript; Σε ποια σειρά εκτελούνται οι εργασίες;

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

export const usePhoneMask = ({ mask, initialValue, maskPlaceholder, }: UsePhoneMaskParams): UsePhoneMaskReturn => { // κώδικας εδώ };

import { useState, useEffect } from 'react'; export default function App() { console.log('1'); useEffect(() => { console.log('2'); }, []); return <Child />; } function Child() { console.log('3'); useEffect(() => { console.log('4'); }, []); return <div>Bcraft</div>; }