Frontend

Čo je čistá funkcia? Kedy je funkcia čistá? Čo sú vedľajšie účinky?

Vezané s nasledujúcim úryvkom kódu: ```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, }; }; ``` Vysvetlite, čo robí funkcia `started` s objektom `info` a opíšte výstup volania `started(info)`. Diskutujte tiež, či sa pôvodný objekt `info` mení po volaní `started(info)`.

Ako je potekla revizija kódu v tíme? Bol bol regulat? Na što je obraćao pažnju?

Povedz mi o kritických fázach renderovania prehliadača

Sú parametre vo funkcii odovzdávané odkazom alebo hodnotou?

Prebieha parsovanie HTML a CSS postupne alebo paralelne?

Porozprávaj mi o event loop: na čo je, ako funguje

Čo je pseudo pole arguments? Čím sa líši od bežného poľa?

Nastavil si CI/CD pipeline, linters, prettier, pre-commit hooky — sám si ih inicijalizoval alebo prišla naloga od vrha?

Čo je to rekurzia? Aké sú jej pravidlá? Na čo je potrebná?

Čo je React Reconciliation? Ako funguje? Podľa akých kritérií React rozhoduje, či aktualizovať alebo znova namontovať komponentu?

Povedaj mi o sebi in svoji delovni izkušnji

Kedy sa volajú useEffect a useLayoutEffect?

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

Aký bude výstup nasledujúceho úseku kódu? ```javascript setTimeout(() => { console.log('B') }, 0) Promise.resolve().then(() => { console.log('C') }) Promise.resolve().then(() => { console.log('D') }) console.log('E') ```

Čo sa zmenilo v React 18 v procese Reconciliation?

Na čo je React potrebný? Aké problémy rieši? Kedy je nadbytočný?

funkcia recursiveFunction(N) { let čítač = 0; if (N > 0) { čítač = čítač + 1; recursiveFunction(N - 1); } // console.log(čítač) } recursiveFunction(3); // 3 3 3 ? Vysvetlite, aký bude výsledok funkcie a prečo. Tiež identifikujte akékoľvek problémy s aktuálnou implementáciou rekurzívnej funkcie a navrhnite, ako ich opraviť, aby správne počítala a zaznamenávala počet rekurzívnych volaní.

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

Emotion a styled-components generujú štýly v runtime — je to problém? Kedy začína bolieť? Aké sú alternatívy s lepším výkonom?