Frontend

Come testeresti un modulo con campi dinamici e errori dal server? Quali tecnologie useresti?

La risposta dell'API può contenere un errore che deve essere visualizzato all'utente accanto al campo corrispondente.

Cosa si può fare con le immagini per ottimizzare le prestazioni della pagina?

C'è un filtro con schede. Quando si passa rapidamente tra le schede, a volte vengono mostrati valori vecchi che non si riferiscono alla scheda corrente. Qual è la causa e come si può correggere?

Era un servizio B2B o B2C? C'erano metriche per monitorare errori ed esperienza utente?

Guarda questo codice con SSR e la classe singleton i18n. Trova un problema serio che potrebbe rovinare l'HTML consegnato all'utente. Come lo risolveresti?

Devi creare un segnale stradale in un solo div, inclusa una piccola linea rossa a destra.

Non possiamo etichettare né versionare tramite CI/CD. Il cliente può avere una versione, e il backend un'altra. Cosa si può fare in queste condizioni oltre al monitoraggio degli errori con Sentry?

Immagina una pagina con molte schede e caricamento lazy (come su Stripchat). Quali casi limite vedi, quali problemi potrebbero sorgere, cosa ottimizzeresti? Come funziona la virtualizzazione (React Window)?

Perché gli utenti non arrivano allo Store e come caricare gli utenti nello Store?

Abbiamo un grande progetto in un monorepo con un flusso di rilascio unificato. Abbiamo deciso di dividerlo e di mettere il frontend in repository separati con il proprio ciclo di rilascio. Si presenta il problema della disallineamento delle versioni tra backend e client. Come vedresti la soluzione a questo problema? Come organizzare il lavoro per essere il più protetti possibile da guasti in produzione?

Cosa può bloccare il primo rendering nel browser dopo aver ricevuto l'HTML? Cosa si può fare con il caricamento sincrono di JS e CSS?

Dove veniva memorizata la cache normalizzata? Era in qualche modo reattiva?

Quali riduttori ha Store e ce n'è uno per mettere gli utenti lì?

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?

Hai indicato quali query restituiscono entità o come funzionava quando eri vicino alla query?

Vediamo che SSR non restituisce nulla in 2 secondi. Quali sono le opzioni per migliorarlo?

Navigando dalla pagina dell'elenco utenti alla pagina di un utente specifico, c'è un caricamento lungo (il caricatore rimane per 2 secondi a causa di un ritardo artificiale). Come si può migliorare questa situazione?

Come risolvere il problema delle richieste di dati ridondanti sul client, quando i dati sono già stati caricati sul server tramite SSR?

Come ottimizzare il caricamento delle immagini nelle schede visibili nel viewport? Come risolvere il problema della condizione di race durante il rapido cambio di contenuto (ad esempio, YouTube Shorts)?