Qual è la differenza tra componenti controllati e non controllati in React? In quali casi è meglio usare componenti non controllati?
Frontend
Determina l'ordine di output sulla console per il codice che utilizza async/await e setTimeout.
Lo sviluppatore riceve un token JWT dopo il login. Cosa deve farne? Dove è meglio conservare il token: in localStorage o in un cookie? Come conservare il token in un cookie?
Verrà eseguito un nuovo rendering se il componente non ha props?
Supponiamo che il backend non invii gli ID. Come ti comporteresti in questo caso?
C'è un array di utenti che viene visualizzato tramite map. Dov'è l'errore e cosa manca?
Perché un gestore di stato (ad esempio Redux) è migliore rispetto a semplici contesti suddivisi?
Come proteggere la funzione di somma se il backend può inviare dati errati (undefined, stringhe invece di numeri)?
Ci sono due componenti: App e Child. Child si trova all'interno di App ed è avvolto in memo. In App c'è un oggetto user che viene passato a Child come prop, e un pulsante che cambia count. Cosa succederà cliccando sul pulsante? Come fare in modo che Child non si rerenderizzi?
Determina l'ordine di output sulla console per il codice che utilizza setTimeout e Promise (compito sull'Event Loop).
Perché RTK Query o React Query sono migliori di una semplice fetch per le richieste? Come capisce il frontend quando deve aggiornare i dati?
Tutto è stato fatto correttamente: il backend ha impostato un cookie HTTP-only. Ma aggiornando la pagina, il cookie scompare. Quale potrebbe essere il problema?
Compito Two Sum: dato un array di numeri e un numero target. Trova gli indici di due numeri la cui somma è uguale a target. Qual è la complessità della tua soluzione?
I dati tabellari provenienti dal backend sono sotto forma di array di oggetti. Scrivi una funzione per calcolare la somma del campo amount.
Quali problemi incontrerà uno sviluppatore alle prime armi che ha creato un grande useContext per tutta l'applicazione e lo utilizza in tutti i componenti? Quali strumenti possono aiutare a superare questo problema?
Come gestire una funzione passata come prop a un componente figlio per evitare rerender inutili?
A cosa serve davvero la chiave (key) nelle liste in React?