Frontend

Jaká jsou omezení rekurzivního průchodu stromem? Čím se liší průchod do hloubky (DFS) od průchodu do šířky (BFS)? Jak lze průchod stromem realizovat bez rekurze?

Jaké další metody polí znáte, kromě reduce (řazení, filtrování, mutační metody atd.)?

To dává smysl—zavření veřejné smlouvy zabrání nechtěnému odchýlení API a diskriminované unie jsou silným důvodem, proč upřednostnit `type`. Při implementaci tohoto tlačítka, které má být pixel-perfect a responzivní, jak řešíte rozestupy a zarovnání, aby ikona + štítek zůstaly vizuálně konzistentní napříč body přerušení a změnami velikosti písma?

Implementoval autorizaci? Jak pracoval s tokeny?

Ve funkci requestUserData jsou tři požadavky prováděny postupně. Proč je nemůžeme jednoduše zabalit do Promise.all? Jak optimalizovat tuto funkci, aby požadavky byly provedeny co nejrychleji?

Middle

Wildberries

Museli jste někdy používat knihovny pro validaci dat?

Co a kolikrát bude zaznamenáno do konzole při kliknutí na tlačítko v poskytnutém Vue kódu?

Byly v projektu nějaké vylepšení, které jsi navrhl, a k čemu to vedlo?

Použití Webpacku bylo vědomé rozhodnutí nebo již existovalo?

Povězte o situaci, kdy se architektonické rozhodnutí ukázalo jako neúspěšné — co se stalo a co jste poté změnili?

Voláte funkci getProducts v komponentě Vue 3 a zobrazte získané výsledky v šabloně.

Bude se volat useEffect, pokud je useRef v jeho závislostech?

Má hodnotu [objekt] prototyp? Čím se liší __proto__ od prototype? Na čo ukazuje __proto__ objektu? Je pravda, že __proto__ je u všech hodnot?

Řekla jsi, že výkon by měl být vysoký. Co myslíš pod výkonem? Jaké klíčové metriky Core Web Vitals bychom měli brát v úvahu? Uveď příklad, co je pro nás důležité.

Middle+

Okko

S jakými nástroji pro testování jste pracoval? Jak byly testy integrovány do CI?

Pověz mi o Storybook — jak moc jsi s ním spolupracoval, nebo to bylo jen s malou komponentou?

Proč není vhodné dělat každý komponent aplikace samostatným chunkem pomocí React.lazy? Jaké problémy to může způsobit (s renderováním, sítí, velikostí balíčku)?

Middle

Wildberries

Jaká rozhraní jste vyvíjeli a co to bylo: formuláře, analytické obrazovky nebo něco jiného?

class Foo { bar = 1; bla = () => console.log(this.bar); baz = function () {console.log(this.bar);}; } new Foo().bla(); new Foo().baz(); Stručně řečeno: `this` není oblast viditelnosti, ale kontext volání funkce. Určuje se nikoli tam, kde je funkce deklarována, ale tam, kde je volána. Lze přidat 3-4 pravidla: - Obvyklé volání funkce — `this` je obvykle v režimu strict undefined. - Metoda objektu — `this` ukazuje na objekt vlevo od tečky. - `call / apply / bind` — umožňují explicitně nastavit `this`. - Šipkové funkce — nemají vlastní `this`, berou ho z vnějšího kontextu.

Middle

АЙ-ТЕКО

Jak rozumíš tomu, co je render v Reactu? Z čeho to může vzniknout?

Middle+

IT One