Frontend

Složené komponenty + React Context → přenos formEntity přes poskytovatele v rámci Form a jeho využití v FormItem. Form obaluje své děti v FormContext.Provider a FormItem používá cloneElement k vložení hodnoty a onChange do Input. Past: ujistěte se, že FormItem předává název do obsluhy aktualizace. ```javascript const Form = ({ children, formEntity }) => ( <FormContext.Provider value={formEntity}>{children}</FormContext.Provider> ); const FormItem = ({ name, children }) => { const { state, handlers } = useContext(FormContext); return React.cloneElement(children, { value: state[name], onChange: (e) => handlers.updateValues({ name, value: e.target.value }), }); }; ```

Jaký je rozdíl mezi direktivami v-if a v-show?

Pokud deklarujete funkci a poté proměnnou — bude k ní přístup uvnitř funkce? Vysvětli hoisting proměnných a dočasnou mrtvou zónu.

Jak byste rozdělil stav serveru a klienta?

Zmínil jste vývoj knihovny znovu použitelných komponent UI-kit založené na Angular Material. Existuje zásadní rozdíl mezi komponenty knihovny a běžnými víceúčelovými komponenty aplikace? Čím se mohou běžné komponenty lišit, ale knihovní nikoli?

Middle

Госуслуги

Znáš pojem "akordeon"? Jak lze tento prvek realizovat bez JavaScriptu?

Jak je v Angularu implementován princip Dependency Inversion? Co je InjectionToken?

Uveďte React hooky, na kterých jste pracoval. Vysvětlete základní rozdíl mezi useState a useRef.

Můžete vyjmenovat všechna technická řešení tohoto problému (kromě výměny pole za signál)?

/* Co se zobrazí v konzoli */ async function f() { console.log(1); const promise = new Promise((resolve) => { console.log(2); setTimeout(() => { console.log(3); resolve("hotovo!"); console.log(4); }); }); console.log(5); const result = await promise; console.log(6); console.log(result); return "Výsledek"; } f(); console.log(7);

V jakém týmu pracujete a na jakém projektu?

SSG se generuje během sestavení, SSR během požadavku. Kdy co použít? Co je ISR?

Proč jste použil computed pro filtrování tarifů, místo obvyklých proměnných nebo funkcí?

Middle+

Рунити

Vyplňte matici 5×5 jedinečnými náhodnými celými čísly od 0 do 1000.

Proč nelze chyby ve funkci any přidávat přes push, ale je třeba je zapisovat podle indexu?

Middle+

Яндекс 360

Jakými protokoly komunikovala vaše aplikace s backendem?

Middle+

Альфа-Банк

Dostáváte úkol: po 10-15 minutách práce se stránka začíná zpomalovat, je třeba to opravit. Jaké budou vaše první kroky?

Úkol: Vytvořte stránku s multifunkční tabulkou kryptoměn. Je třeba se připojit k API a zobrazit seznam mincí v tabulce. Minimální požadavky: Projekt vytvořen od nuly Pouze Typescript Připojení k API Řazení podle hodnot ve sloupci Hledání podle hodnot v buňkách (funguje na principu logického AND) Další úkoly: Vlastní stránkování Minimální styly (příjemný a upravený vzhled) Obecné hledání podle hodnot ve všech buňkách Možnost pevného umístění sloupců

Máte pohotovostní služby (on-call) a jak jsou organizovány?

Kdy je třeba použít správce stavu a kdy stačí místní stav nebo kontext?