Frontend

Come si può sapere se ci sono problemi con il modulo in produzione, se smette di funzionare (ad esempio, non completa la registrazione)?

La metrica TTFB (Time To First Byte) — come può diminuire durante SSR, qual è la natura delle diminuzioni e come si può migliorare? Descrivi cosa succede dal momento in cui si preme Invio fino a quando qualcosa appare sullo schermo.

funzione promiseWithResolve() { // Non implementato } const { resolve, promise } = promiseWithResolve(); promise.then((v) => console.log(v)) setTimeout(() => resolve(13), 10)

Implementa la funzione callLimit, che limita il numero di chiamate della funzione passata a un limite dato, e fornisce anche il metodo reset per azzerare il contatore.

Immagina una situazione: proprio prima del rilascio trovi un bug che fa funzionare in modo errato una funzionalità. Il rilascio non può essere posticipato, ma capisci che qualcosa non funziona correttamente. Cosa faresti in questa situazione?

Devi scrivere una funzione sum che, chiamata con un argomento, accumuli un numero, e chiamata senza argomento, restituisca il numero accumulato. Ad esempio: sum(2)(1)(2)() dovrebbe restituire 5.

L'utente ha premuto un pulsante, è arrivato un grande insieme di dati dal backend e lo schermo si è bloccato. Di cosa potrebbe essere successo e come risolvere il problema?

Implementa la tipizzazione in TypeScript per la validazione degli URL, consentendo solo URL corretti del tipo: dominio di base + percorso (users/orders/messages) + metodo (get/update/delete/ban). String arbitrarie devono causare errore di compilazione.

Hai mai lavorato con CI/CD, magari creando container Docker o configurando pipeline?

Supponiamo di avere un negozio online in cui viene visualizzato un elenco di 50 prodotti con paginazione. Quando un utente passa alla seconda pagina, specialmente sul telefono, vengono visuali a lungo quadrati bianchi invece delle immagini. Come possiamo fare per far apparire le immagini più velocemente?

Capisci cosa fa questo codice e come può essere usato. C'è un helper simile in lodash — se lo riconosci, puoi semplicemente nominare il nome.

Supponiamo di vedere che gli stili impiegano molto tempo a caricarsi ogni volta che un utente accede al sito o aggiorna la pagina. Rendere il CSS critico è difficile. Cosa bisogna verificare esattamente riguardo al CSS e in generale a qualsiasi contenuto statico?

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

Hai lavorato con SSR? Cosa facevi — SSR, SSG o semplicemente usavi Next.js?

Come ottenere i dati dall'API all'interno di un thunk, considerando che l'API viene passata come argomento extra nel middleware thunk?

Assicurati che il componente UserName mostri il nuovo nome utente dopo l'invio riuscito del modulo.

Un utente si lamenta che il pulsante a volte non risponde, ma localmente il problema non si riproduce. Quali sono i tuoi passaggi per il debug? Quali potrebbero essere le cause?

Cosa può bloccare il processo di parsing HTML?

Come funziona l'Event Loop? Quali sono le code e in quale ordine vengono eseguite? Spiega le microtask, macro task, requestAnimationFrame, requestIdleCallback.

Guarda la funzione nell'editor: prende un array di chiavi e un oggetto, e tramite reduce copia solo l'oggetto con le chiavi specificate. Come chiameresti questa funzione?