Frontend

type Foo = { a: string; b: number; c: null; d: boolean; } // Chiavi di Foo type FooKeys = keyof Foo // Come dichiarare un nuovo tipo basato su FooKeys, ma senza i valori b e d? type FooKeysWithoutBD

Da cosa dipende il ridisegno di un componente in React?

Come far funzionare try/catch con Promise? Come rendere Promise sincrono usando async/await?

Come dichiarare un nuovo tipo basato su Foo, ma senza i campi a e c, senza usare Omit?

In quale ordine verrà visualizzato console.log e perché? Spiega l'ordine di esecuzione del codice sincrono e asincrono (Event Loop, macro e micro task).

Come fare in modo che una funzione con generici accetti solo una stringa o un'istanza della classe Bar, e in altri casi generi un errore in TypeScript?

Qual è stato l'approccio alla scrittura del CSS? Conosci l'approccio CSS-in-JS?

function delayFunc(fn, delay) { return function c(...args) { return new Promise((resolve) => { setTimeout(() => { fn(...args) }, delay * 1000) }) } } function sum(a, b) { console.log(a + b) } const delayedSum = delayFunc(sum, 5); await delayedSum(3, 2); //dopo 5 secondi mostrerà 5 await delayedSum(5, 3); //dopo 5 secondi dal precedente mostrerà 8

È possibile implementare la stessa cosa usando setTimeout invece di setInterval?

Perché passare una funzione (c => c + 1) a setCount invece di semplicemente setCount(tick + 1)?

Parlami del compito più difficile di tutta la tua esperienza.

<div class="list"> <div class="item">1</div> <div class="item">2</div> ... <div class="item">N-1</div> <div class="item">N</div> </div>

Cos'è un array di dipendenze in useEffect? Cosa succede se si passa un array vuoto o se non si passa affatto?

Esiste una funzione foo che accetta argomenti di tipo any e li restituisce? Come fare affinché il tipo di risultato non sia any, ma corrisponda al tipo dell'argomento passato? Usa Generici.

C'è un componente App e un componente Rand di una libreria esterna, che visualizzano un numero casuale. Deve essere fatto in modo che ogni 3 secondi il numero casuale cambi, e venga visualizzato un contatore delle modifiche. Tutto solo nel componente App.

A cosa serve la funzione di pulizia (return) in useEffect? Cosa succede senza di essa quando si usa setInterval?

// È necessario estrarre la logica di ri-renderizzazione in un hook esterno separato, // che consenta di lavorare con il timer dall'esterno (ad esempio, fermarlo dopo 10 secondi). // Si deve creare un nuovo componente RandOnce basato sul componente Rand, // che, quando usato in App, // non aggiornerà il numero casuale ogni 3 secondi, ma ne mostrerà uno casuale solo una volta.

Qual è la differenza tra la parola chiave type e l'interfaccia in TypeScript? Spiega l'ereditarietà nei tipi e nelle interfacce.

Hai valutato il compito, l'hai preso in carico e capisci di aver valutato male e di non riuscire a completarlo in tempo. Cosa fai in quel momento?

// È necessario creare un nuovo componente RandOnce basato sul componente Rand, // che quando usato in App // non aggiornerà il numero casuale ogni 3 secondi, ma ne mostrerà uno casuale solo una volta. // const Rand = () => <span>{Math.random()}</span>