Frontend
Používali jste na frontendu generování TypeScript klienta a datových modelů podle YAML popisu OpenAPI?
Pokud vytvoříte `setInterval` nebo přidáte posluchač událostí na `window` uvnitř `setup`, budou automaticky odstraněny při odmontování komponenty?
Pověz mi o specifikaci CSS selektorů a jejich prioritě
Existovala nějaká logika při rozdělení balíčku na chunk? Proč chcete udělat jednu část samostatným chunkem a druhou ne?
Jaké přístupy jste použili pro responzivní rozvržení? Navrhovali jste od mobilu nebo od desktopu?
Použili jste již knihovnu Yup? Čím se liší od jiných řešení validace?
Co je to uzávěr a jaký problém může způsobit?
Co znamená vysoká a nízká selektivita indexu?
Byla ve společnosti kontrola kódu? Jak je organizováno?
Co byste navrhl, jak uvést do pořádku architekturu legacy projektu, přičemž do repozitáře přispívají jak frontend, tak backend vývojáři a AI agenti?
Čím se React liší od čistého JavaScriptu?
Určete pořadí výstupu do konzole pro poskytnutý kód s `setTimeout`, `Promise` a synchronním `console.log` a vysvětlete to přes Event Loop.
/** * Funkce `asyncAuth(callback)` přijímá callback, do kterého lze * předat chybu (prvním argumentem) a data * ze serveru (druhým argumentem). * asyncAuth((error, data) => {}); * * Musíte implementovat funkci `auth()`, * která volá `asyncAuth()`, ale vrací Promise. * * @returns {Promise} */ function auth() { return new Promise((resolve, reject) => { asyncAuth((error, data) => { if (error) { reject(error) } else { resolve(data) } }); }) } /** * Funkce `tryAuth()` používá `auth()` a v případě chyby * provádí N dalších pokusů. * Pokud všechny selžou, vrátí poslední chybu. * * @returns {Promise} */ function tryAuth(n) { }
Pověz mi o kritické cestě vykreslování stránky v prohlížeči
Ovlivňuje výsledek, jestli je jedna funkce šipková a druhá běžná? Čím se liší jejich práce s kontextem a uzávěrami?
Jak jste aplikoval správce stavu z pohledu architektury a praktik používání?
Můžeš vysvětlit, jak je zhruba uspořádán webový videopřehrávač typu HLS.js? Jaké hlavní bloky tam jsou?
Vysvětli životní cyklus komponenty React a hooky (useEffect, useState, useRef, useCallback, useMemo, useLayoutEffect atd.)
Uveďte příklad principu segregace rozhraní ve vývoji frontend.
Zmínil jste tři metriky: LCP, INP a CLS. Povídej mi víc o Interaction to Next Paint — co je to za metriku a co přesně měří?