Frontend

Mis on puhas funktsioon? Millal on funktsioon puhas? Mis on kõrvaltoimed?

Arvestades järgmist koodilõiku: ```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, }; }; ``` Selgitage, mida teeb funktsioon `started` objekti `info`ga ja kirjeldage `started(info)`-i väljakutse tulemust. Samuti arutage, kas algne `info`-objekt muudetakse pärast `started(info)`-i väljakutset.

Kuidas toimus koodi ülevaatus meeskonnas? Kas oli regulatsioon? Millele tähelepanu pöörati?

Räägi mulle brauseri renderdamise kriitilistest etappidest

Kas funktsiooni parameetrid edastatakse viitega või väärtusega?

Kas HTML ja CSS parsings toimub järjest või paralleelselt?

Räägi mulle event loopist: milleks see on, kuidas see töötab

Mis on pseudo-massiiv arguments? Kuidas see erineb tavalisest massiivist?

Kas sa seadistas CI/CD torud, linters, prettier, pre-commit hooks — kas sa ise algatad või tuli ülesandena?

Mis on rekursioon? Millised on selle reeglid? Milleks see on vajalik?

Mis on React Reconciliation? Kuidas see töötab? Milliste kriteeriumide alusel React otsustab uuendada või uuesti paigaldada komponendi?

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

Millal kutsutakse välja useEffect ja useLayoutEffect?

Rääkige mulle endast ja oma töökogemusest

Mis on järgmise koodilõigu väljund? ```javascript setTimeout(() => { console.log('B') }, 0) Promise.resolve().then(() => { console.log('C') }) Promise.resolve().then(() => { console.log('D') }) console.log('E') ```

Mis muutus React 18-s Reconciliation protsessis?

Milleks on React vajalik? Milliseid probleeme see lahendab? Millal on see üleliigne?

function recursiveFunction(N) { let counter = 0; if (N > 0) { counter = counter + 1; recursiveFunction(N - 1); } // console.log(counter) } recursiveFunction(3); // 3 3 3 ? Explain what the output of the function will be and why. Also, identify any issues with the current implementation of the recursive function and suggest how to fix it to correctly count and log the number of recursive calls.

import "./styles.css"; import React from "react"; const getData = () => { return Array.from({ length: 50 }, (el, idx) => ({ value: Math.random(), label: `rida ${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>Saraksta lietojumprogramma</h1> <Button onClick={handleUpdate}>atjaunināt `rindu 1`</Button> {data.map((row) => { return <Row key={row.label} label={row.label} value={row.value} />; })} </div> ); }

Emotion ja styled-components luovat tyylejä ajon aikana — onko tämä ongelma? Milloin se alkaa satuttaa? Mitkä ovat parempaa suorituskykyä tarjoavat vaihtoehdot?