Frontend

type Foo = { a: string; b: number; c: null; d: boolean; } // Foo-sleutels type FooKeys = keyof Foo // Hoe declareer je een nieuw type op basis van FooKeys, maar zonder de waarden b en d? type FooKeysWithoutBD

Hoe declareer je een nieuw type gebaseerd op Foo, maar zonder de velden a en c, zonder Omit te gebruiken?

Waar hangt het opnieuw renderen van een component in React van af?

Hoe zorg je ervoor dat de try/catch-constructie werkt met Promise? Hoe maak je een Promise synoniem met async/await?

In welke volgorde wordt console.log weergegeven en waarom? Leg de volgorde van uitvoering uit van synchronische en asynchrone code (Event Loop, macro- en microtaken).

Hoe maak je een generic functie die alleen een string of een instantie van de klasse Bar accepteert, en in andere gevallen een TypeScript-fout geeft?

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); //over 5 seconden zal 5 worden weergegeven await delayedSum(5, 3); //na 5 seconden na de vorige zal 8 worden weergegeven

Waarom een functie (c => c + 1) doorgeven aan setCount in plaats van gewoon setCount(tick + 1)?

<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>

Kan hetzelfde gedaan worden met setTimeout in plaats van setInterval?

Wat is een afhankelijkheidsarray in useEffect? Wat gebeurt er als je een lege array doorgeeft of deze helemaal niet doorgeeft?

Wat was de aanpak voor het schrijven van CSS? Ben je bekend met de CSS-in-JS aanpak?

Is er een functie foo die argumenten van het type any accepteert en deze teruggeeft? Hoe zorg je ervoor dat het resultaat niet van het type any is, maar overeenkomt met het type van het doorgegeven argument? Gebruik Generics.

Vertel me over de moeilijkste taak uit je hele ervaring.

Er is een component App en een component Rand uit een externe bibliotheek, die een willekeurig getal weergeeft. Het moet zo worden ingesteld dat elke 3 seconden het willekeurige getal verandert, en een teller voor het aantal veranderingen wordt weergegeven. Alles alleen in de component App.

// De logica van her-renderen moet worden ondergebracht in een aparte externe hook, // die het mogelijk maakt om met de timer van buitenaf te werken (bijvoorbeeld na 10 seconden stoppen). // Er moet een nieuwe component RandOnce worden gemaakt op basis van de component Rand, // die bij gebruik in App // niet elke 3 seconden een willekeurig getal bijwerkt, maar slechts één keer een willekeurig getal toont.

Wat is het verschil tussen de sleutelwoord type en interface in TypeScript? Vertel over erfelijkheid in types en interfaces.

Je hebt de taak beoordeeld, deze opgepakt en je realiseert je dat je het verkeerd hebt ingeschat en niet op tijd klaar zult zijn. Wat doe je op dat moment?

Vertel me over je werkervaring. Hoe was het proces van taakplanning georganiseerd?

Wat is useMemo? Hoe verschilt het van React.memo en useCallback?