Frontend

Co je to čistá funkce? Kdy je funkce čistá? Co jsou vedlejší efekty?

Vzhledem k kódu níže: ```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, }; }; ``` Vysvětlete, co funkce `started` dělá s objektem `info` a popište výstup volání `started(info)`. Diskutujte také, zda je původní objekt `info` po volání `started(info)` změněn.

Jak probíhala code review v týmu? Byl nějaký předpis? Na co se zaměřoval?

Pověz mi o kritických fázích renderování prohlížeče

Jsou parametry ve funkci předávány odkazem nebo hodnotou?

Probíhá parsování HTML a CSS sekvenčně nebo paralelně?

Pověz mi o event loopu: k čemu je, jak funguje

Co je to pseudo-pole arguments? Čím se liší od běžného pole?

Co je to rekurze? Jaká jsou její pravidla? K čemu je potřeba?

Co je to React Reconciliation? Jak funguje? Podle jakých kritérií React rozhoduje, zda aktualizovat nebo znovu namontovat komponentu?

Nastavil jsi CI/CD pipeline, linters, prettier, pre-commit hooky — sám je inicioval nebo přišla úkol shora?

Kdy jsou volány useEffect a useLayoutEffect?

Pověz mi o sobě a své pracovní zkušenosti

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

Jaký bude výstup následujícího úseku kódu? ```javascript setTimeout(() => { console.log('B') }, 0) Promise.resolve().then(() => { console.log('C') }) Promise.resolve().then(() => { console.log('D') }) console.log('E') ```

Co se změnilo v React 18 v procesu Reconciliation?

Proč je React potřeba? Jaké problémy řeší? Kdy je nadbytečný?

funkce recursiveFunction(N) { let čítač = 0; if (N > 0) { čítač = čítač + 1; recursiveFunction(N - 1); } // console.log(čítač) } recursiveFunction(3); // 3 3 3 ? Vysvětlete, jaký bude výstup funkce a proč. Také identifikujte jakékoli problémy s aktuální implementací rekurzivní funkce a navrhněte, jak ji opravit, aby správně počítala a zaznamenávala počet rekurzivních volání.

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

Emotion a styled-components generují styly za běhu — je to problém? Kdy začíná být problém? Jaké jsou alternativy s lepším výkonem?