Frontend
[jméno] se zeptal: Byly případy, kdy bylo potřeba předat nějakou funkci, která nebyla v úkolu, podle vlastního uvážení?
Jaký je rozdíl mezi git fetch a git pull?
Pověz mi o Teleport a Suspense ve Vue.js: co to je, používal jsi je v práci?
function createEmitter() { const events = new Map(); function on(event, handler) { if(!events.has(event)) { events.set(event, [handler]) return } events.get(event).push(handler) } function off(event, handler) { // TODO: odeberte obslužného programu } function emit(event, payload) { // TODO: zavolejte všechny předplatitele události } return { on, off, emit }; } const bus = createEmitter(); const unsub1 = bus.on("order:created", (payload) => { console.log("handler1:", payload.id); }); const handler2 = (payload) => { console.log("handler2:", payload.id); } bus.on("order:created", handler2);
Přichází pole o velikosti 2 miliony prvků, každý prvek je třeba zpracovat za 100 milisekund. Komunikaci se serverem nelze měnit. Jak zpracovat toto pole tak, aby nezablokovalo uživatelské rozhraní?
Lze důvěřovat typům TypeScript při běhu? Jak zajistit validaci dat ze serveru?
Řekni mi víc o svých zkušenostech: sbíral jsi požadavky sám nebo přišly hotové?
Na čem jste se při revizi kódu opírali a jak jste řešili neshody?
Proč je lepší používat store (například Pinia) pro globální stav než provide/inject?
Měli jste někdy zkušenost s realizací nápadu, který se zdál skvělý, ale nakonec se ukázal jako neúspěšný?
Povězte mi o předchozí společnosti — složení týmu, procesy, projekty.
Podívej se na rozložení s kroky a kartami účastníků. Co je zde špatně?
Z pohledu syntaxe a struktury kódu — co bys refaktoroval v této funkci?
Jak React funguje na pozadí? Vysvětlete mechanismus reconciliation, Virtual DOM, Fiber architekturu a proč jsou potřeba dvě fáze (render a commit).
Jaké jsou nevýhody a rizika spojená s nezávislým nasazením mikro front-endů?
Povězte nám o svém vzdělání. Jak jste se dostali do IT sektoru?
Úkol na živé kódování: máte malou komponentu seznamu úkolů v JSX. Opravte vše, co se vám nelíbí, a vysvětlete proč.
Na co vlastně v seznamu v Reactu slouží klíč (key)?
/** * Úkol 1: Generika a Kulcs Típus Biztonságában * Hozzon létre egy `getProperty` függvényt, amely egy objektumot és egy kulcsot vesz be. * Használjon generikusokat annak biztosítására, hogy a függvény típusbiztos legyen, és a kulcs létezik az objektumon. */ function getProperty<T extends Record<string, unknown>, K extends keyof T>(obj: T, key: K): T[K] { return obj[key]; } getProperty('str', 'toString') /** * Feladat 2: Az alábbiakban több Todo interfész deklaráció található, magyarázza el, mi történik, amikor ezek ugyanabban a hatókörben vannak. * Beszélje meg, hogyan kezeli őket a TypeScript, és töltse ki a `myTodo` objektumot, hogy megfeleljen a összeolvasztott Todo interfész követelményeinek. */ interface Todo { title: string; dueDate: Date; } interface Todo { description: string; completed: boolean; }
Popište standardní tok autorizace přes Keycloak, který jste používali v projektech.