Sobes.tech

Frontend

Dat fiind fragmentul de cod următor: ```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, }; }; ``` Explică ce face funcția `started` cu obiectul `info` și descrie rezultatul apelului `started(info)`. De asemenea, discută dacă obiectul original `info` este modificat după apelul `started(info)`.

220

Ai configurat pipeline-urile CI/CD, linters, prettier, hooks pre-commit — le-ai inițiat tu însuți sau a venit sarcina de sus?

164

Ce este Reconciliation în React? Cum funcționează? În funcție de ce criterii React decide să actualizeze sau să remonteze un component?

163

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

161

Care va fi rezultatul fragmentului de cod următor? ```javascript setTimeout(() => { console.log('B') }, 0) Promise.resolve().then(() => { console.log('C') }) Promise.resolve().then(() => { console.log('D') }) console.log('E') ```

156

funcția recursiveFunction(N) { let numărător = 0; if (N > 0) { numărător = numărător + 1; recursiveFunction(N - 1); } // console.log(numărător) } recursiveFunction(3); // 3 3 3 ? Explicați care va fi rezultatul funcției și de ce. De asemenea, identificați orice probleme cu implementarea actuală a funcției recursive și sugerați cum să o corectați pentru a număra și înregistra corect numărul de apeluri recursive.

151

import "./styles.css"; import React from "react"; const getData = () => { return Array.from({ length: 50 }, (el, idx) => ({ value: Math.random(), label: `rând ${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>Aplicație Listă</h1> <Button onClick={handleUpdate}>actualizează `rândul 1`</Button> {data.map((row) => { return <Row key={row.label} label={row.label} value={row.value} />; })} </div> ); }

147

Emotion și styled-components generează stiluri în timpul rulării — este o problemă? Când începe să fie o problemă? Care sunt alternativele cu performanță mai bună?

141
/2