Frontend

Pokud byste navrhovali takovou aplikaci s ohledem na monorepo, jak byste ji rozdělili na balíčky s ohledem na jednotnou základní kódovou bázi pro webové a mobilní platformy (React Native)?

Co je to konkurenční režim a konkurenční vykreslování v Reactu? Jak funguje a k čemu je?

Proč React používá MessageChannel místo setTimeout pro vytvoření fronty na následné těžké vykreslení?

Použili jste Apollo GraphQL pouze pro dotazy, nebo také pro správu lokálního stavu (pouze klientské pole, reaktivní pole)?

Zmínil jste, že jste pracoval s monorepo — jak byl organizován? Používal jste mikrofrontendy?

Představme si, že máme jednostránkovou vstupní stránku. Probíhá požadavek, dostáváme JSON na 50 tisíc řádků, a zatímco je analyzován, UI se zasekne kvůli jednosměrnému vláknu JavaScriptu. Co byste navrhl a jak optimalizovat filtrování a analýzu tohoto JSON, aby stránka nezasekla a UI zůstalo responzivní?

Pracoval jste někdy s React Native a React Native Web?

Můžete vysvětlit, z jakých principů se skládá SOLID?

Uveďte příklad principu závislostní inverze ve vývoji frontend.

Máte více zkušeností s technickými úkoly, málo zmínek o obchodních aspektech. Byl jste jakýsi technický vedoucí, který se zabýval architekturou, nebo jste jen implementoval běžné obchodní funkce?

Jak zabránit kaskádovému znovu načítání dětských komponent při změně stavu v rodičovském komponentu?

Jak funguje Fiber a jak je v Reactu organizováno priorizování (scheduler)?

Uveďte příklad principu segregace rozhraní ve vývoji frontend.

Předpokládejme, že na backendu nelze provést stránkování a Web Worker není dostupný. Jak byste tento problém vyřešili?

Podívejte se na dvě možnosti kódu (s rekurzivními promise/mikroúkoly) a řekněte, v čem je rozdíl mezi prvním a druhým v rámci blokování stránky.

S jakými státními manažery jste musel pracovat a co se vám líbí, jaké výhody a nevýhody vidíte?

Jaký známý problém nastává při velkém počtu sekvenčních setTimeout s nulovým časem?

Z jakých částí se skládá event loop?

Pověz mi o hooku useTransition — jak funguje a k čemu se používá?

Představme si, že máme aplikaci React Native a webovou aplikaci. Některá API prohlížeče, včetně Local Storage, nejsou v React Native dostupná (tam se používá Async Storage). Jak byste implementovali jednotné rozhraní pro úložiště s různými implementacemi pro web a React Native?