Mi a különbség a kontrollált és kontrollálatlan komponensek között a React-ben? Milyen esetekben érdemes inkább kontrollálatlan komponenseket használni?
Frontend
Határozza meg a konzolon megjelenő sorrendet az async/await és setTimeout használatával készült kód esetén.
A fejlesztő a bejelentkezés után JWT tokent kap. Mit tegyen vele? Hol érdemes tárolni a tokent — a localStorage-ben vagy a cookie-ban? Hogyan tárolja a tokent cookie-ban?
Újrarenderedik-e a komponens, ha nincs props?
Tegyük fel, hogy nem érkeznek ID-k a backendről. Hogyan kezelnéd ezt?
Miért jobb az állapotkezelő (pl. Redux), mint egyszerűen részekre bontott kontextusok?
Hogyan biztosítható az összegző függvény biztonsága, ha a backend hibás adatokat küldhet (undefined, szövegek a számok helyett)?
Van egy felhasználók tömbje, amelyet map segítségével jelenítünk meg. Hol a hiba és mi hiányzik itt?
Két komponens van: App és Child. A Child az App belsejében van, és memo-val van becsomagolva. Az App-ben van egy user objektum, amit prop-ként adunk át a Childnak, és van egy gomb, ami változtatja a count értékét. Mi fog történni a gomb megnyomásakor? Hogyan lehet megakadályozni, hogy a Child újra renderelődjön?
Minden helyesen történt: a backend beállította az HTTP-only sütit. De az oldal frissítésekor a sütik eltűnnek. Mi lehet a probléma?
Határozza meg a konzolon megjelenő sorrendet a setTimeout és Promise használatával (Event Loop feladat).
Miért jobb az RTK Query vagy React Query, mint a sima fetch kéréshez? Hogyan érti meg a frontend, mikor kell frissíteni az adatokat?
Two Sum feladat: adott egy számokat tartalmazó tömb és egy célérték target. Találd meg két szám indexeit, amelyek összege megegyezik a targettel. Mekkora a megoldásod összetettsége?
Milyen problémákkal szembesül egy kezdő fejlesztő, aki egy nagy useContext-et hozott létre az egész alkalmazáshoz, és azt minden komponensben használja? Milyen eszközök segítenek elkerülni ezt a problémát?
A backendről táblázatos adatok érkeznek objektumok tömbjeként. Írjon egy függvényt az amount mező összegének kiszámítására.
Hogyan kezeljük azt a funkciót, amelyet propként adunk át egy gyermekkomponensnek, hogy elkerüljük a felesleges újrarendereléseket?
Miért van valójában szükség a React listákban a kulcsra (key)?