Frontend

Există o funcție customMap care face aproape același lucru ca și map-ul obișnuit al unui array, dar nu este tipizată. Trebuie să o tipizăm astfel încât în linia a cincea să fie un array de șiruri, iar în a șaptea — un array de numere.

Știi ce este metricul FCP (First Contentful Paint)? Să presupunem că avem o aplicație React — o rețea socială cu randare pe partea serverului, și există o problemă: când un utilizator accesează direct profilul cuiva, ecranul alb rămâne mult timp. Poți să descrii pașii — ce se întâmplă de la momentul în care utilizatorul apasă Enter până când apare primul conținut?

Îți plăcea să lucrezi cu Redux ca manager de stare pentru formulare complexe?

Cum ai implementa caching-ul pe partea client?

Spune-mi puțin despre tine, cu ce te interesează în programare, ultima ta experiență, poate ai făcut lucruri dificile.

console.log(1) setTimeout(() => { console.log(2) }, 10) setTimeout(() => { Promise.resolve().then(() => console.log(3)) }, 0); setTimeout(() => { console.log(4) }, 0); new Promise((_, reject) => { console.log(5) reject(6) console.log(7) }).then(() => console.log(8)) .catch(() => console.log(9)) .then(() => console.log(10)) .catch(() => console.log(11)) .then(() => console.log(12)) .then(console.log) .finally(() => console.log(13)) console.log(14)

Complexitatea suplimentară a sarcinii cu memoize: faceți ca funcția memoize să primească ca al doilea argument timpul de viață al cache-ului în milisecunde, după care cache-ul devine invalid.

Există un cod — trebuie să înțelegi ce face, să faci o revizuire a codului: care sunt problemele și ce se poate îmbunătăți.

Cum funcționează caching-ul resurselor în browser — cum înțelege browserul dacă trebuie să le ia din cache sau să le încarce din nou, și cum se gestionează acest lucru? Care sunt metodele de caching, inclusiv Service Worker?

Ai auzit despre helper-ul Promise.withResolvers care a apărut recent în JavaScript? Trebuie să scrii echivalentul său în locul celei de-a doua linii.

Ce părere ai despre metodologia FSD (Feature-Sliced Design)?

Poți să menționezi câteva avantaje și dezavantaje ale Redux?

Pe pagina există o listă de 5000 de produse, pagina se blochează foarte mult. Afacerea cere să faci ceva în privința asta. Ce propui?

Pe pagina prietenilor și în messenger se afișează informații similare despre utilizatori. Există două opțiuni: stocarea utilizatorilor în slices locale ale fiecărei funcții sau în un store global. Care sunt avantajele și dezavantajele unui store global în acest caz?

Ce se întâmplă dacă pui atributul async pe un script din head? Care este diferența dintre async și defer?

Vorbește despre locurile tale anterioare de muncă — ce lucruri interesante ai făcut?

Cum se pot obține date dintr-un slice al unei alte funcționalități (de exemplu, slice-ul utilizatorilor) pe pagina unui utilizator specific, fără a încălca limitele între module și fără a face cereri inutile?

Ce alternative la Redux cunoști și de ce nu au avantajele sale? De ce Redux este bine testat, iar contexturile nu?

#Formular de înscriere React 1. Explică cum funcționează StateProvider, împărtășește-ți gândurile cu intervievatorul. 2. Aruncă o privire la /src/api/mock, explică cum funcționează. 3. Verifică culoarea butonului SubmitButton și corectează-o. 4. Implementează validarea formularului client în componenta Signup. (\*\*) Ține cont de sarcina numărul 9. Reguli: - Câmpurile Username, Email, Password și Repeat Password trebuie să aibă cel puțin 6 caractere; - Password trebuie să corespundă cu Repeat Password; - Validarea trebuie făcută la clic pe butonul "Sign Up"; - Câmpurile cu valori invalide trebuie marcate (props error și helperText); 6. Răspunsul API poate avea o eroare care trebuie afișată utilizatorului lângă câmpul corespunzător. 7. Asigură-te că componenta UserName afișează noul nume de utilizator după o trimitere reușită. 8. Implementează noul component SignupSuccess. Acesta trebuie să fie afișat în locul formularului de înscriere. 9. Implementează validarea serverului pentru câmpurile corespunzătoare.

Poți să vorbești pe scurt despre ultima ta experiență și ce aștepți de la un nou loc de muncă, ce cauți într-o nouă poziție?