Frontend

Mi lesz a kimenete a következő kódnak? ```javascript console.log(1); setTimeout(() => { console.log(2); }, 0); Promise.resolve().then(() => { console.log(3); }); console.log(4); setTimeout(() => { Promise.resolve().then(() => { console.log(5); }); }, 0); ```

Meséljen a fejlesztési folyamatról és a Git-flow-ról a csapatában. Hogyan szervezett a kódellenőrzési folyamat?

Miért szükséges a key attribútum a React listákban?

Mi az a useEffectEvent és miért van rá szükség?

Milyen state-kezelőket használtak? Miért rossz a Redux?

Hogyan oldja meg a régi lezárás problémáját a useCallback-ben anélkül, hogy függőségeket adna hozzá a függőségi tömbhöz?

Mi a generikus a TypeScript-ben, és miért van rá szükség?

import { useState, useCallback } from 'react' const Komponens = () => { const [szam, setSzam] = useState(0); const handleClick = useCallback(() => { console.log(szam); }, []); return ( <div> <div onClick={() => setSzam((prev) => prev + 1)}>Szám: {szam}</div> <div onClick={handleClick}>Naplózás</div> </div> ); };

Meséljen magáról és legutóbbi munkatapasztalatáról.

Mi történik, amikor beír egy URL-t a böngészőbe? Írja le a folyamatot a DNS-kérdéstől a oldal rendereléséig.

Milyen gyűjtőket használtál, írtál saját konfigurációkat?

import { useEffect, useLayoutEffect } from 'react'; export default function App() { console.log('1'); useEffect(() => { console.log('2'); }, []); useLayoutEffect(() => { console.log('3'); }, []); return <div>BCraft</div>; }

Mi az a closure JavaScriptben? Adj egy példát.

Hogyan közelítené a React alkalmazás teljesítmény problémájának megoldását, ha egy felhasználó lagokra panaszkodik?

Mi az az Event Loop JavaScriptben? Milyen sorrendben hajtódnak végre a feladatok?

Hogyan kezeljük azt a helyzetet, amikor a props frissültek, és az előző kérés még nem fejeződött be? Hogyan kerülhető el a versenyhelyzet?

export const usePhoneMask = ({ mask, initialValue, maskPlaceholder, }: UsePhoneMaskParams): UsePhoneMaskReturn => { // kód itt };

import { useState, useEffect } from 'react'; export default function App() { console.log('1'); useEffect(() => { console.log('2'); }, []); return <Child />; } function Child() { console.log('3'); useEffect(() => { console.log('4'); }, []); return <div>Bcraft</div>; }