Sobes.tech

Frontend

Kako je protekla revizija koda u timu? Da li je postojao pravilnik? Na šta je obraćao pažnju?

184

Узимајући у обзир следећи фрагмент кода: ```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, }; }; ``` Објасните шта функција `started` ради са објектом `info` и опишите резултат позива `started(info)`. Такође, дискутујте да ли се оригинални објекат `info` мења након позива `started(info)`.

162

Šta je React Reconciliation? Kako radi? Po kojim kriterijumima React odlučuje da li će ažurirati ili ponovo montirati komponentu?

146

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

139

Зашто је потребан React? Које проблеме решава? Када је вишак?

132

функција recursiveFunction(N) { let бројач = 0; ако (N > 0) { бројач = бројач + 1; recursiveFunction(N - 1); } // console.log(бројач) } recursiveFunction(3); // 3 3 3 ? Објасните шта ће бити резултат функције и зашто. Такође, идентификујте било какве проблеме са тренутном имплементацијом рекурзивне функције и предложите како да их исправите да бисте исправно бројали и бележили број рекурзивних позива.

126

Emotion i styled-components generišu stilove u runtime — da li je to problem? Kada počinje da boli? Koje su alternative sa boljim performansom?

126

import "./styles.css"; import React from "react"; const getData = () => { return Array.from({ length: 50 }, (el, idx) => ({ value: Math.random(), label: `red ${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>Листова апликација</h1> <Button onClick={handleUpdate}>ажурирај `ред 1`</Button> {data.map((row) => { return <Row key={row.label} label={row.label} value={row.value} />; })} </div> ); }

120

Koji će biti rezultat sledećeg dela koda? ```javascript setTimeout(() => { console.log('B') }, 0) Promise.resolve().then(() => { console.log('C') }) Promise.resolve().then(() => { console.log('D') }) console.log('E') ```

114
/2