Frontend

Cum poți afla dacă există probleme cu formularul în producție, dacă acesta a încetat să funcționeze (de exemplu, nu finalizează înregistrarea)?

Metrica TTFB (Time To First Byte) — cum poate scădea în timpul SSR, care este natura scăderilor și cum se poate îmbunătăți? Descrieți ce se întâmplă de la momentul în care apăsați Enter până când apare ceva pe ecran.

funcție promiseWithResolve() { // Neimplementat } const { resolve, promise } = promiseWithResolve(); promise.then((v) => console.log(v)) setTimeout(() => resolve(13), 10)

Implementați funcția callLimit, care limitează numărul de apeluri ale funcției transmise la o limită dată, și oferă și metoda reset pentru resetarea contorului.

Trebuie să scrii o funcție sum care, atunci când este apelată cu un argument, să acumuleze un număr, iar când este apelată fără argument, să returneze numărul acumulat. De exemplu: sum(2)(1)(2)() ar trebui să returneze 5.

Imaginează-ți o situație: cu puțin timp înainte de lansare, găsești o eroare care face ca o funcționalitate să nu funcționeze corect. Lansarea nu poate fi amânată, dar știi că ceva nu funcționează corect. Ce ai face într-o astfel de situație?

Utilizatorul a apăsat butonul, a venit un volum mare de date de la backend și ecranul s-a blocat. Ce ar fi putut cauza acest lucru și cum se poate rezolva problema?

Implementați tipizarea în TypeScript pentru validarea URL-urilor, permitând doar URL-uri corecte de forma: domeniu de bază + cale (users/orders/messages) + metodă (get/update/delete/ban). Șirurile arbitrare trebuie să provoace o eroare de compilare.

Să presupunem că avem un magazin online, unde o listă de produse este afișată cu 50 de articole pe pagină, cu paginare. Când utilizatorul trece la a doua pagină, mai ales pe telefon, în loc de imagini apar mult timp pătrate albe. Cum putem face ca imaginile să apară mai repede?

Ai lucrat vreodată cu CI/CD, poate ai creat containere Docker sau ai configurat pipeline-uri?

export function foo(o, arr) { return arr.reduce((a, x) => { // dacă (o.hasOwnProperty(x)) a[x] = o[x]; if (o[x]) a[x] = o[x]; return a; }, {}); } const obj = {a: 's'} foo(obj, ['a'])

Să presupunem că vedem că stilurile se încarcă mult timp de fiecare dată când un utilizator accesează site-ul sau reîmprospătează pagina. Crearea CSS-ului critic este dificilă. Ce ar trebui verificat în mod specific în CSS și în orice conținut static în general?

Înțelege ce face acest cod și cum poate fi utilizat. Există un helper similar în lodash — dacă îl recunoști, poți pur și simplu să menționezi numele.

Ai lucrat cu SSR? Ce ai făcut — SSR, SSG sau pur și simplu foloseai Next.js?

Asigurați-vă că componenta UserName afișează noul nume de utilizator după trimiterea cu succes a formularului.

Cum se obțin datele din API în interiorul unui thunk, având în vedere că API-ul este transmis ca argument suplimentar în middleware-ul thunk?

Un utilizator se plânge că uneori butonul nu răspunde, dar local problema nu se reproduce. Care sunt pașii tăi pentru depanare? Care pot fi cauzele?

Ce poate bloca procesul de parsare a HTML-ului?

Ați auzit de Web Vitals și în special de metricul FCP? Spuneți-ne ce știți despre metricile Web Vitals.

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