Frontend

Cum funcționează Event Loop — ce cozi există, care este ordinea de execuție? Vorbește despre microtask-uri, macrotask-uri, requestAnimationFrame, requestIdleCallback.

Răspunsul API poate conține o eroare care trebuie afișată utilizatorului lângă câmpul corespunzător.

A fost un serviciu B2B sau B2C? Au fost metrici pentru urmărirea erorilor și experienței utilizatorului?

Există un filtru cu taburi. La schimbarea rapidă între taburi, uneori apar valori vechi care nu aparțin tabului curent. Care este cauza și cum se poate remedia?

Scrieți implementarea helper-ului Promise.withResolvers() — o funcție care creează un Promise și returnează un obiect cu trei proprietăți: promise, resolve și reject.

Ce se poate face cu imaginile pentru a optimiza performanța paginii?

Imaginează-ți o pagină cu multe carduri și încărcare întârziată (ca pe Stripchat). Ce cazuri extreme vezi, ce probleme pot apărea, ce ai optimiza? Cum funcționează virtualizarea (React Window)?

Privește acest cod cu SSR și clasa singleton i18n. Găsește o problemă serioasă care poate strica HTML-ul livrat utilizatorului. Cum o corectezi?

Nu putem eticheta sau versiunea prin CI/CD. Clientul poate avea o versiune, iar backend-ul alta. Ce se poate face în aceste condiții în afară de monitorizarea erorilor cu Sentry?

Este nevoie să se creeze un semn de circulație pe un singur div, inclusiv o mică marcaj roșu în dreapta.

Avem un proiect mare într-un monorepo cu un flux de lansare unificat. Am decis să îl împărțim și să scoatem frontend-ul în depozite separate cu propriul ciclu de lansare. Apare problema sincronizării versiunilor între backend și client. Cum ai vedea soluția acestei probleme? Cum organizezi munca pentru a fi cât mai protejat împotriva defectelor în producție?

De ce utilizatorii nu ajung în Store și cum să încărcați utilizatori în Store?

Ce reductoare are Store și există un reductoare pentru a plasa utilizatorii acolo?

Ce poate bloca randarea inițială în browser după primirea HTML-ului? Ce se poate face cu încărcarea sincronă a JS și CSS?

Unde era stocat cache-ul normalizat? Era unul reactiv?

Ați indicat ce interogări returnează entități sau cum funcționa acest lucru când erați aproape de interogare?

La navigarea de pe pagina listei de utilizatori către pagina unui utilizator specific, există o încărcare lungă (loader-ul rămâne timp de 2 secunde din cauza unei întârzieri artificiale). Cum se poate îmbunătăți această situație?

Uită-te la funcție în editor: primește un array de chei și un obiect, și prin reduce copiază doar obiectul cu cheile specificate. Cum ai numi această funcție?

Dacă ai avea carte albă, ce formă ideală ai crea? Ce abordări, tehnologii și metode ai folosi (validare, gestionarea erorilor, UX, DX)?

Vedem că SSR nu returnează nimic în 2 secunde. Care sunt opțiunile pentru a îmbunătăți acest lucru?