Frontend

Mi az a tiszta függvény? Mikor tiszta a függvény? Mik azok a mellékhatások?

Az alábbi kódrészletet figyelembe véve: ```typescript let info = { name: "Alex", skill: ["git", "react", "read"], }; let started = (info: any) => { let { name, skill } = info; (name = "Alex Pool"), skill.push("delete"); return { name, skill, online: true, }; }; ``` Magyarázd el, mit csinál a `started` függvény az `info` objektummal, és írd le, mi lesz a `started(info)` hívás eredménye. Továbbá, beszéljük meg, hogy az eredeti `info` objektum módosul-e a `started(info)` hívása után.

Hogyan zajlott a kód-áttekintés a csapatban? Volt szabályzat? Mire figyelt?

Mesélj a böngésző renderelésének kritikus szakaszairól

A függvényben a paraméterek referencia vagy érték szerint kerülnek átadásra?

Az HTML és CSS elemzés egymás után vagy párhuzamosan történik?

Mesélj az eseményhurkról: mire való, hogyan működik

Mi az a pseudo-tömb arguments? Miben különbözik egy normál tömbtől?

Beállítottad a CI/CD pipeline-okat, linters, prettier, pre-commit hookokat — te indítottad el őket vagy felülről jött a feladat?

Mi az a React Reconciliation? Hogyan működik? Milyen kritériumok alapján dönt a React, hogy frissítse vagy újraösszeállítsa a komponenst?

Mi az a rekurzió? Milyen szabályai vannak? Mire jó?

Mikor hívódnak meg a useEffect és a useLayoutEffect?

// Promise.resolve() // .then(() => console.log(1)) // // .then(() => console.log(2)) // // Promise.resolve() // .then(() => console.log(11)) // // .then(() => console.log(22)) //

Mesélj magadról és a munkatapasztalatodról

Mi lesz a kimenete a következő kódrészletnek? ```javascript setTimeout(() => { console.log('B') }, 0) Promise.resolve().then(() => { console.log('C') }) Promise.resolve().then(() => { console.log('D') }) console.log('E') ```

Mi változott a React 18-ban a Reconciliation folyamatában?

rekurzívFunction(N) függvény { számláló = 0; ha (N > 0) { számláló = számláló + 1; rekurzívFunction(N - 1); } // console.log(számláló) } rekurzívFunction(3); // 3 3 3 ? Magyarázza el, hogy mi lesz a függvény kimenetele és miért. Emellett azonosítsa a jelenlegi rekurzív függvény implementációjának esetleges problémáit, és javasolja, hogyan lehet kijavítani, hogy helyesen számolja és naplózza a rekurzív hívások számát.

Miért szükséges a React? Milyen problémákat old meg? Mikor túlzott?

import "./styles.css"; import React from "react"; const getData = () => { return Array.from({ length: 50 }, (el, idx) => ({ value: Math.random(), label: `sor ${idx + 1}`, })); }; export default function App() { const [data, setData] = React.useState(getData()); const handleUpdate = () => { setData((prev) => { return prev.map((row, i) => i === 0 ? { ...row, value: Math.random() } : row ); }); }; return ( <div> <h1>Lista alkalmazás</h1> <Button onClick={handleUpdate}>`sor 1` frissítése</Button> {data.map((row) => { return <Row key={row.label} label={row.label} value={row.value} />; })} </div> ); }

Az Emotion és a styled-components futásidőben generál stílusokat — ez problémát jelent? Mikor kezd fájni? Milyen alternatívák vannak jobb teljesítménnyel?