Frontend

Come funziona la cache delle risorse nel browser — come il browser decide se prenderle dalla cache o ricaricarle, e come gestire questa situazione? Quali sono i metodi di caching, incluso Service Worker?

Implementa un nuovo componente SignupSuccess. Deve essere visualizzato al posto del modulo di registrazione dopo una registrazione riuscita.

Come implementeresti la cache lato client?

Parlami un po' di te, cosa ti interessa della programmazione, la tua ultima esperienza, forse hai fatto cose complicate.

Conosci la metrica FCP (First Contentful Paint)? Supponiamo di avere un'app React — un social network con rendering lato server, e c'è un problema: quando un utente accede direttamente al profilo di qualcuno, si vede a lungo uno schermo bianco. Puoi descrivere le fasi — cosa succede dal momento in cui l'utente preme Invio fino a quando appare il primo contenuto?

Ti piaceva lavorare con Redux come gestore dello stato per moduli complessi?

Complessità aggiuntiva del compito con memoize: fare in modo che la funzione memoize riceva come secondo argomento il tempo di vita della cache in millisecondi, dopo il quale la cache viene invalidata.

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)

C'è del codice — bisogna capire cosa fa, fare una revisione del codice: quali sono i problemi e cosa si può migliorare.

Hai sentito parlare dell'helper Promise.withResolvers che è apparso recentemente in JavaScript? Devi scrivere il suo equivalente al posto della seconda riga.

Puoi nominare un paio di vantaggi e svantaggi di Redux?

Come ti trovi con la metodologia FSD (Feature-Sliced Design)?

Nella pagina c'è una lista di 5000 prodotti, la pagina si blocca molto. Il business chiede di fare qualcosa al riguardo. Cosa proponi?

Nella pagina degli amici e nel messenger viene visualizzata informazioni simili sugli utenti. Ci sono due opzioni: memorizzare gli utenti in slice locali di ogni funzionalità o in uno store globale. Quali sono i vantaggi e gli svantaggi di uno store globale in questo caso?

Cosa succede se si mette l'attributo async in uno script nel head? Qual è la differenza tra async e defer?

Parla delle tue esperienze lavorative precedenti — cosa di interessante hai fatto?

Quali alternative a Redux conosci e perché non hanno i suoi vantaggi? Perché Redux è ben testato e i contesti no?

Come si possono ottenere i dati di uno slice di un'altra funzionalità (ad esempio, lo slice degli utenti) sulla pagina di un utente specifico, senza violare i confini tra moduli e senza fare richieste inutili?

Puoi parlare brevemente della tua ultima esperienza e di cosa ti aspetti da un nuovo lavoro, cosa cerchi in una nuova posizione?

#Modulo di registrazione React 1. Spiega come funziona StateProvider, condividi i tuoi pensieri con l'intervistatore. 2. Dai un'occhiata a /src/api/mock, spiega come funziona. 3. Controlla il colore del SubmitButton e correggilo. 4. Implementa la validazione del modulo client nel componente Signup. (\*\*) Ricorda il task numero 9. Regole: - I campi Username, Email, Password e Repeat Password devono avere almeno 6 caratteri; - La Password deve corrispondere a Repeat Password; - La validazione deve essere eseguita al clic sul pulsante "Sign Up"; - I campi con valori non validi devono essere contrassegnati (props error e helperText); 6. La risposta API può contenere un errore che deve essere mostrato all'utente vicino al campo corrispondente. 7. Assicurati che il componente UserName visualizzi il nuovo nome utente dopo una submission riuscita. 8. Implementa il nuovo componente SignupSuccess. Deve essere mostrato al posto del modulo di registrazione. 9. Implementa la validazione lato server per i campi appropriati.