Frontend

Gyakorlati feladat: egy automatikus kiegészítő komponens megvalósítása (keresés javaslatokkal) — debounce-szal a bevitelnél, az előző kérés törlésével az AbortController segítségével, betöltési állapot megjelenítésével, javaslatok listájával és a listaelem kiválasztásának kezelésével kattintással.

Meséljen a layout készítésében szerzett tapasztalatairól. Melyek voltak a legnehezebb elemek, amiket létre kellett hoznia?

Ki döntött úgy, hogy pontosan ezt a PDF-könyvtárat használja?

Ismered a Signal Forms (kísérleti API)-t?

Middle

Aston

2. feladat: Új elem (kölcsön) hozzáadása a listához (kölcsönlista) — a űrlap elküldésekor át kell adni az amount és type értékeket, eseményt kell kibocsátani az adatokkal, a szülő komponens hozzáad egy új objektumot (id, amount, type) a tömbhöz, majd az űrlap visszaáll (kiürül).

Van egy komponens egy számlálóval, amelynek másodpercenként növekednie kell a setInterval segítségével, de nem működik megfelelően. Hogyan javítható?

Hogyan diagnosztizálná a memória szivárgást vagy a felesleges újrarendereléseket egy React komponensben?

Middle

Wildberries

Meséljen a munkafolyamatáról: hogyan dolgozik a feladatokkal a fogadástól a telepítésig?

Miért döntöttél úgy, hogy a dizájnról a frontend fejlesztésre váltasz?

Mesélj az async és defer attribútumokról a szkriptek csatolásakor: mi a különbség, mikor blokkolják a HTML elemzést?

A React+Redux alapú értékesítési irányítópulton a felhasználók arról számolnak be, hogy nem úgy működik, ahogy várják. Találd meg a problémákat és javítsd ki őket. Az alkalmazás tartalmaz: egy terméklistát, amely értékesítés szerint van rendezve, értékesítési vizualizációt sávdiagram formájában (ECharts), egy űrlapot új termékek hozzáadásához. Fő panasz: állítólag a termék az űrlapon keresztül kerül hozzáadásra, de nem jelenik meg a listában.

Milyen UI-komponens könyvtárakat használtál?

Middle

ОТП Банк

Miért döntöttél úgy, hogy váltasz céget?

Mi az a láthatósági környezet és a lexikai környezet JavaScriptben? Miben különbözik a var a let/const-tól?

Hogyan van szervezve a deploy folyamat a projektedben? Van linting, CI/CD?

Miért döntöttél úgy, hogy munkát keresel, és miért nálunk?

Hogyan viszonyulsz az AI-eszközökhöz?

Hogyan kezeled a felülettervezést csapatban tervező nélkül?

/** * Írjon egy komponenst, amely {{userId}} szerint kapja meg a felhasználót, és megjeleníti a fő adatokat * A lekérdezéshez használja a fetchUser-t */ export const User: FC<Props> = ({ userId }) => { // Írja meg a megoldását itt: const user = userId && fetchUser({ id: userId }); if (!user) return null; return ( <div className="stack column"> <div>UserId: </div> <div>UserName: </div> </div> ); };

Írja le átlagos munkanapját a projekt legjobb időszakaiban. Kik voltak a csapattagok és mit csináltak?