Sobes.tech

Frontend

Berilgan quyidagi kod bo'lagi: ```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` funksiyasi `info` obyekti bilan nima qiladi va `started(info)` chaqirilganda nima chiqishini tavsiflang. Shuningdek, `started(info)` chaqirilgandan so'ng asl `info` obyekti o'zgartiriladimi, deb muhokama qiling.

226

Siz CI/CD pipeline'larini, linternlarni, prettier, pre-commit hook'larini sozladingizmi — o'zingiz boshladingizmi yoki vazifa yuqoridan keldimi?

168

React Reconciliation nima? Qanday ishlaydi? React qaysi mezonlarga asoslanib komponentni yangilash yoki qayta montaj qilishga qaror qiladi?

163

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

161

Quyidagi kod bo‘lagi qanday natija beradi? ```javascript setTimeout(() => { console.log('B') }, 0) Promise.resolve().then(() => { console.log('C') }) Promise.resolve().then(() => { console.log('D') }) console.log('E') ```

156

recursiveFunction(N) функцияси { қўлланиладиганлар = 0; агар (N > 0) { қўлланиладиганлар = қўлланиладиганлар + 1; recursiveFunction(N - 1); } // console.log(қўлланиладиганлар) } recursiveFunction(3); // 3 3 3 ? Функциянинг чиқиши нима бўлишини ва нима учун бўлишини тушунтиринг. Шунингдек, ҳозирги рекурсив функциянинг амалга оширилишида қандайдир муаммо бўлса, уни қандай тузатиш мумкинлигини ва рекурсив чақирувларининг сонини тўғри ҳисоблаш ва қайд этиш учун қандай қилиб тузатиш мумкинлигини аниқланг.

151

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

147

Emotion va styled-components dinamik tarzlarni ishlab chiqaradimi — bu muammo? Qachon muammo bo'la boshlaydi? Yaxshi ishlash bilan qanday alternativalar mavjud?

141
/2