elements.forEach(element => { element.style.width = '300px'; console.log( element.getBoundingClientRect().width ); }); // [odkaz] export default () => { return <div>Ahoj!</div> }
Frontend
Boli prípady, keď niečo spadlo do produkcie alebo počas testovania implementácií s WebSocket pripojeniami?
V životopise je napísané, že ste veľa pracovali so zložitými viacstupňovými formulármi. Môžete podrobnejšie povedať, čo bolo tam implementované?
Museli ste pracovať s novými hookmi React (18/19), ako sú useTransition, useDeferredValue?
Povedzte nám o svojej skúsenosti s tabuľkami (kreslenie, práca s veľkým objemom údajov).
Ak hovoríme o čistých technikách optimalizácie v Reacte, ktoré poznáte? (useMemo, useCallback, React.memo)
Druhá úloha: implementujte komponentu vyhľadávania pomocou štandardného servera cez parameter query — vytvorte input na zadanie dopytu, stavy pre výsledky a dopyt, získavajte údaje pomocou fetch v useEffect s ošetrením chýb a stavmi načítania, a vykreslite zoznam výsledkov (pole name).
Môžete vypočítať algoritmickú zložitosť implementovanej filtrácie podľa stavu?
Zložitosť: pridajte filtrovanie výsledkov podľa poľa status cez samostatný textový vstup, s ohľadom na nezávislosť od veľkosti písmen.
Otestovali ste tisíc spojení cez WebSocket — ako ste to testovali, ako je prešlo testovanie záťaže?
Museli ste pracovať s autorizáciou? Viac o implementácii.
S akými správca stavu ste pracovali? Ktorí sa vám viac páčia, aké majú výhody a nevýhody?
Ako vyzerala samotná tabuľka, ktorú ste vyvíjali? Čo ste museli implementovať sami?
Ak teoreticky uvažujeme: existujú veľké tabuľky s veľkým množstvom údajov. Môžu nastať problémy s výkonom? Ak áno, ako by ste ich riešili?
Chápete, ako funguje Zustand pod kapotou?
Ako bolo implementované obnovenie access/refresh tokenov pri autorizácii cez JWT (interceptory, spracovanie 401)?
Počuli ste za hook useLayoutEffect? Vysvetlite, ako funguje.
Ako bola technicky implementovaná krížová validácia polí formulára (validácia jedného poľa v závislosti od hodnoty iného)?