Frontend
Serverové a klientské komponenty v Next.js App Router, hydratace
Máte zkušenosti s CSS-in-JS nebo styled-components?
Čím se liší var, let a const?
[jméno] se zeptal: Pokud při plánování můžeš vybrat: vzít legacy s chybami nebo novou úlohu s nejasným TZ — co bys zvolil?
Jaký je hlavní problém s API Context? Proč přecházet na správce stavu? Lze nějak obejít zbytečné re-renderování v API Context?
Jak funguje strategie Change Detection OnPush v Angularu? V jakých případech se komponenta s OnPush znovu vykreslí?
Implementujte funkci delay se zadanou signaturou pomocí Promise a setTimeout.
Napište typovanou funkci sčítání: při předání dvou čísel vrací číslo, při předání dvou řetězců vrací řetězec, a smíšené páry číslo a řetězec by měly vyvolat chybu TypeScript.
Co jsou to stateful a stateless komponenty?
Jak zásadní jsou znalosti Nuxt a SSR pro naučení Vue?
Jaké metody hluboké kopie objektů v JavaScriptu znáš?
Proč jsou nejprve prováděny všechny mikroúkoly a teprve poté makroúkoly? Proč ne naopak?
Uveďte a RxJS operátory vyššího řádu: switchMap, mergeMap, concatMap a exhaustMap a porovnejte je.
Kdy je nejhorší doba provozu hash tabulky?
Ve výchozím nastavení má JSON z backendu typ any. Jak se proti tomu chránit a proč je to důležité?
Znáte optimalizaci bundlů, rozdělení na chunk, lazy loading a dynamické importy?
function cloneDeep(something: Cloneable): Cloneable { /* * TODO: implementujte hlubokou kopii bez JSON.parse/stringify */ return JSON.parse(JSON.stringify(something)); } function assertDeep(a: Cloneable, b: Cloneable) { if (JSON.stringify(a) !== JSON.stringify(b)) { console.error("Není OK"); } console.log("OK"); } const obj: Cloneable = { a: 1, b: true, c: "ahoj", d: { there: "are", some: ["properties"] }, e: {}, f: [(), (), { key: { value: [1, 2, "3", "four"] } }], g: [] }; assertDeep(obj, cloneDeep(obj));
Co je to omezení rychlosti a jak ho implementovat?
Jak funguje mechanismus detekce změn v Angularu?
const X = { a: 1, b: 2, c: 3, d: 4 } function getProperty(obj, key) { // Úkol: typizujte funkci return obj[key] } getProperty(X, 'a') // žádná chyba getProperty(X, ' ') // chyba: klíč není platný klíč pro objekt X getProperty({ jméno: 'Sergey' }, 'jméno') // žádná chyba