Frontend

Kas yra švari funkcija? Kada funkcija yra švari? Kas yra šalutiniai poveikiai?

Atsižvelgiant į šį kodo fragmentą: ```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, }; }; ``` Paaiškinkite, ką daro funkcija `started` su `info` objektu ir aprašykite `started(info)` iškvietimo rezultatą. Taip pat aptarkite, ar po `started(info)` iškvietimo originalus `info` objektas keičiasi.

Kaip vyko kodo peržiūra komandoje? Ar buvo reglamentas? Į ką atkreipdavo dėmesį?

Papaskink man apie kritinius naršyklės atvaizdavimo etapus

Ar funkcijos parametrai perduodami nuoroda ar reikšme?

Ar HTML ir CSS analizė vyksta nuosekliai ar lygiagrečiai?

Papaskink apie event loop: kam jis reikalingas, kaip veikia

Kas yra pseudo-masyvas arguments? Kaip jis skiriasi nuo įprasto masyvo?

Kas yra rekursija? Kokios jos taisyklės? Kam ji reikalinga?

Kas yra React Reconciliation? Kaip veikia? Pagal kokius kriterijus React nusprendžia atnaujinti ar iš naujo įdiegti komponentą?

Kada kviečiami useEffect ir useLayoutEffect?

Ar jūs nustatėte CI/CD pipelines, linters, prettier, pre-commit hooks — patys inicijavote ar užduotis atėjo iš viršaus?

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

Papaskinkite apie save ir savo darbo patirtį

Kas pasikeitė React 18 procese Reconciliation?

rekursinė funkcija recursiveFunction(N) { skaitiklis = 0; jei (N > 0) { skaitiklis = skaitiklis + 1; recursiveFunction(N - 1); } // console.log(skaitiklis) } recursiveFunction(3); // 3 3 3 ? Paaiškinkite, kas bus funkcijos išvestis ir kodėl. Taip pat, identifikuokite bet kokias problemas su dabartine rekursinės funkcijos įgyvendinimu ir pasiūlykite, kaip jas ištaisyti, kad teisingai skaičiuotų ir registruotų rekursinių kvietimų skaičių.

Kam reikalingas React? Kokias problemas sprendžia? Kada jis perteklinis?

import "./styles.css"; import React from "react"; const getData = () => { return Array.from({ length: 50 }, (el, idx) => ({ value: Math.random(), label: `eilutė ${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>Sąrašo programa</h1> <Button onClick={handleUpdate}>atnaujinti `eilutę 1`</Button> {data.map((row) => { return <Row key={row.label} label={row.label} value={row.value} />; })} </div> ); }

Emotion ir styled-components generuoja stilius runtime metu — ar tai problema? Kada pradeda skaudėti? Kokios yra geresnės našumo alternatyvos?

Koks bus žemiau pateikto kodo išvestis? ```javascript setTimeout(() => { console.log('B') }, 0) Promise.resolve().then(() => { console.log('C') }) Promise.resolve().then(() => { console.log('D') }) console.log('E') ```