Frontend

Załóż, że masz nieograniczone zasoby i musisz stworzyć interfejs z formularzem od podstaw jako część dużej aplikacji. Jakiego stosu technologicznego i architektury byś wybrał?

Jak rozpoznawali Państwo, że produkt działa źle? Jak zbierali informacje o błędach, jak obsługiwali zgłoszenia użytkowników?

Modyfikacja zadania o sejfie: zamiast końcowej pozycji, policz ile razy wskazówka przeszła przez zero (przekroczenie granicy 99→0 lub 0→99).

Jak React porównuje dwa drzewa (bieżące i w trakcie)? Jaki algorytm jest używany?

Zadanie w TypeScript: opisać typ użytkownika z polami imię, nazwisko, opcjonalne drugie imię i flagą wskazującą na obecność drugiego imienia. Napisać funkcję formatowania pełnego imienia. Opisać typ telefonu, który zawsze zaczyna się od +7. Przekształcić typ z małymi literami na typ z wielkimi literami kluczy bez refaktoryzacji, korzystając z możliwości TypeScript.

Opowiedz o najpoważniejszych błędach z ostatniego roku-dwóch. Co się działo i jak je naprawiano?

[imię] opowiedz o projektach w [organizacja]. Jak mierzyli liczbę użytkowników, kim oni byli, jak mierzyli ich satysfakcję z produktów?

Jaki był rozmiar zespołu? Ilu było programistów frontend i innych specjalistów?

Jak zmierzyli, że Formik z API kontekstowym spowalnia? Jak zrozumieli, że czas zmienić podejście?

Opisz, co się dzieje po kliknięciu przycisku w komponencie React z licznikiem: jak działa useState, jak React rozumie, że musi zaktualizować tę część DOM.

Zadanie o sejfie: jest okrągły bęben z wartościami od 0 do 99, wskazówka początkowo wskazuje na 50. Liczby dodatnie obracają się zgodnie z ruchem wskazówek zegara, ujemne przeciwnie. Podany jest wejściowy tablica liczb, należy określić końcową pozycję wskazówki po wszystkich operacjach.

Dlaczego React potrzebuje wirtualnego drzewa DOM? Dlaczego nie można bezpośrednio modyfikować rzeczywistego DOM? Jakie są zalety i wady różnych podejść?

Opowiedz o stosie technologicznym używanym w projektach. Na przykład, jakie zestawy UI były używane?

Czy asynchroniczność jest potrzebna w JavaScript? Co by się stało, gdyby jej nie było? Jak działa Event Loop?

Patrząc wstecz, które decyzje architektoniczne były udane, a które nie? Czego żałujesz?