Frontend

Was het gebruik van Webpack een bewuste beslissing of was het al aanwezig?

Plaats de cijfers in plaats van de vraagtekens zodat in de console de volgorde 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 wordt weergegeven (opdracht over Event Loop, Promise, setTimeout)

Middle

Okko

Welke fasen van de rendering van de browser kunnen worden geoptimaliseerd om onnodige herberekeningen te voorkomen, en hoe doe je dat?

Vertel me over Storybook — hoe intensief heb je ermee gewerkt, of was het alleen met een klein component?

Welke opties zijn er voor het positioneren van elementen op een pagina (CSS position)?

Ken je het EventEmitter-patroon? Implementeer een klasse met de methoden subscribe, unsubscribe en fire.

Middle+

Альфа-Банк

class Foo { bar = 1; bla = () => console.log(this.bar); baz = function () {console.log(this.bar);}; } new Foo().bla(); new Foo().baz(); Kort gezegd: `this` is geen scope, maar de context van de functieaanroep. Het wordt niet bepaald waar de functie is gedeclareerd, maar waar deze wordt aangeroepen. Je kunt 3-4 regels toevoegen: - Normale functiebesturing — `this` is meestal undefined in strict mode. - Methode van een object — `this` wijst naar het object links van de punt. - `call / apply / bind` — maken het mogelijk om `this` expliciet in te stellen. - Pijlfuncties — hebben geen eigen `this`, nemen het uit de externe context.

Middle

АЙ-ТЕКО

Vertel wat er gebeurt met oude verzoeken bij het wisselen van gebruiker en hoe `AbortController` race conditions voorkomt.

Hoe kun je JSON streamen, door de verwerking op te splitsen in chunks, zodat je de hoofdthread niet blokkeert? Waarmee kun je de verwerking van de volgende chunk starten, zodat je de pagina niet vertraagt (bijvoorbeeld requestIdleCallback, generators)?

Wat zijn useMemo, useCallback en React.memo? Wanneer is het beter om ze te gebruiken?

Hoe zou je de herhalende code voor onChange handlers voor e-mail en wachtwoordvelden optimaliseren?

function memoize(fn, options = {}) { const { maxSize = 1000, keyOf = (...a) => JSON.stringify(a), lruTouch = true, } = options; let hits = 0; let misses = 0; const cache = new Map(); const getKey = (...args) => keyOf(...args); const wrapped = (...args) => { // schrijf hier de code return fn(...args); }; // en hier return wrapped; }

Vertel over je commerciële ervaring en de technologiestack waarmee je hebt gewerkt.

Welke basisprincipes van OOP ken je? Vertel over elk.

Waarvan afhankelijk is de EM-eenheid — van de dichtstbijzijnde REM of van de ouderlijke fontgrootte?

Waarvoor wordt het trefwoord infer gebruikt in TypeScript?

Weet je wat het omhoog tillen van de staat (lifting state up) is?

Wat is het verschil tussen display flex en display grid? Hoe richt je elementen uit in flex?

Wat is de meest populaire manier om een div te centreren?

Middle+

Рунити

Wat vind je het leukst om te doen op het werk en wat niet zo? Wat kost meer tijd dan je zou willen?