Frontend

Van egy customMap függvény, ami szinte ugyanazt csinálja, mint egy normál tömb map-je, de nincs típusosítva. Típusosítani kell úgy, hogy az ötödik sorban egy stringekből álló tömb legyen, a hetedikben pedig egy számokból álló tömb.

Szerettél Redux-szal dolgozni, mint állapotkezelő komplex űrlapokhoz?

Tudod, mi az az FCP (First Contentful Paint) mérőszám? Tegyük fel, van egy React alkalmazásunk — egy közösségi háló, szerveroldali rendereléssel, és van egy probléma: amikor egy felhasználó közvetlenül valaki profiljára lép, hosszú ideig fehér képernyő marad. Tudnád végigmenni a lépéseket — mi történik attól a pillanattól, hogy a felhasználó megnyomja az Entert, egészen addig, amíg meg nem jelenik az első tartalom?

Mesélj egy kicsit magadról, mi érdekel a programozásban, legutóbbi tapasztalatod, esetleg csináltál nehéz dolgokat.

Hogyan valósítanád meg a kliens oldali cache-elést?

console.log(1) setTimeout(() => { console.log(2) }, 10) setTimeout(() => { Promise.resolve().then(() => console.log(3)) }, 0); setTimeout(() => { console.log(4) }, 0); new Promise((_, reject) => { console.log(5) reject(6) console.log(7) }).then(() => console.log(8)) .catch(() => console.log(9)) .then(() => console.log(10)) .catch(() => console.log(11)) .then(() => console.log(12)) .then(console.log) .finally(() => console.log(13)) console.log(14)

A memoize-szal végzett feladat bonyolultsága: úgy állítsa be, hogy a memoize függvény második argumentumként a cache élettartamát milliméterben kapja, amely után a cache érvénytelenné válik.

Van egy kód — meg kell érteni, mit csinál, kód-áttekintést kell végezni: milyen problémák vannak és mit lehetne javítani.

Hogyan működik a böngésző erőforrások gyorsítótárazása — hogyan dönt a böngésző arról, hogy a gyorsítótárból szerezze be vagy újra töltse, és hogyan lehet ezt kezelni? Milyen gyorsítótárazási módszerek léteznek, beleértve a Service Worker-t?

Hallottál már a JavaScriptben nemrég megjelent Promise.withResolvers segédről? A második sor helyett annak megfelelőjét kell írnod.

Mit gondolsz az FSD (Feature-Sliced Design) módszertanról?

Tudnál néhány előnyt és hátrányt mondani a Redux-ról?

Az oldalon 5000 termék listája található, az oldal nagyon laggol. Az üzlet kér valamit ezzel kapcsolatban. Mit javasolsz?

Mi történik, ha az async attribútumot beállítod egy head-ben lévő szkriptnél? Mi a különbség az async és a defer között?

A barátok oldalán és az üzenetküldőben hasonló információ jelenik meg a felhasználókról. Két lehetőség van: a felhasználók tárolása helyi szeletekben minden funkcióhoz vagy egy globális store-ban. Milyen előnyei és hátrányai vannak egy globális store-nak ebben az esetben?

Meséljen korábbi munkahelyeiről — mit csinált érdekeset?

Hogyan lehet adatokat szerezni egy másik funkció slice-ából (például a users slice-ból) egy adott felhasználó oldalán, anélkül, hogy megsértenénk a modulok közötti határokat és felesleges kéréseket tennénk?

Milyen Redux alternatívákat ismersz, és miért nincs meg azok előnye? Miért tesztelik jól a Reduxot, míg a kontextusokat nem?

#React regisztrációs űrlap 1. Magyarázd el, hogyan működik a StateProvider, oszd meg gondolataidat az interjúztatóval. 2. Nézd meg a /src/api/mock-ot, magyarázd el, hogyan működik. 3. Ellenőrizd a SubmitButton színét és javítsd ki. 4. Valósítsd meg az ügyféloldali űrlap-ellenőrzést a Signup komponensben. (\*\*) Tartsd szem előtt a 9. feladatot. Szabályok: - A Felhasználónév, Email, Jelszó és Ismételt Jelszó mezőknek legalább 6 karakter hosszúnak kell lenniük; - A Jelszónak egyeznie kell az Ismételt Jelszóval; - Az ellenőrzést a "Sign Up" gombra kattintva kell végrehajtani; - Az érvénytelen értékekkel rendelkező mezőket jelezni kell (error és helperText props); 6. Az API válaszában lehet hiba, amit a felhasználónak a megfelelő mező közelében kell megjeleníteni. 7. Győződj meg arról, hogy a UserName komponens a sikeres küldés után megjeleníti az új felhasználónevet. 8. Valósítsd meg az új SignupSuccess komponenst. Ez a regisztrációs űrlap helyett jelenjen meg. 9. Valósítsd meg a szerveroldali validálást a megfelelő mezőkhöz.

Tudnál röviden beszélni a legutóbbi tapasztalatodról és arról, mit vársz egy új munkától, mit keresel egy új pozícióban?