Sobes.tech

Frontend

Aşa aşağıdakı kod parçasını nəzərə alın: ```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` funksiyası `info` obyektinə nə edir və `started(info)` çağırışının çıxışını təsvir edin. Həmçinin, `started(info)` çağırışından sonra orijinal `info` obyekti dəyişirmi, müzakirə edin.

220

Komanda daxilində kod nəzərdən keçirmə necə keçdi? Qaydalar var idimi? Nə diqqət yetirdi?

213

Siz CI/CD boru xətləri, linters, prettier, pre-commit kancaları qurmusunuz — özünüz başlatdınız yoxsa vəzifə yuxarıdan gəldi?

164

React Reconciliation nədir? Necə işləyir? React hansı meyarlar əsasında komponenti yeniləmək və ya yenidən yığmaq qərarına gəlir?

163

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

161

Aşağıdakı kod parçasının çıxışı nə olacaq? ```javascript setTimeout(() => { console.log('B') }, 0) Promise.resolve().then(() => { console.log('C') }) Promise.resolve().then(() => { console.log('D') }) console.log('E') ```

156

funksiya recursiveFunction(N) { let counter = 0; if (N > 0) { counter = counter + 1; recursiveFunction(N - 1); } // console.log(counter) } recursiveFunction(3); // 3 3 3 ? Funktsiyanın çıxışı nə olacaq və niyə? Həmçinin, cari rekursiv funksiyanın tətbiqində hər hansı bir problem varsa, onu necə düzəltmək və düzgün saymaq və qeyd etmək üçün necə düzəltmək barədə tövsiyə verin.

151

import "./styles.css"; import React from "react"; const getData = () => { return Array.from({ length: 50 }, (el, idx) => ({ value: Math.random(), label: `sətir ${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>Siyahı Tətbiqi</h1> <Button onClick={handleUpdate}>`sətir 1`i yenilə</Button> {data.map((row) => { return <Row key={row.label} label={row.label} value={row.value} />; })} </div> ); }

147

Emotion və styled-components stiləri işləmə vaxtında yaradır — bu probleməmi? Nə zaman ağrıyır? Daha yaxşı performans üçün hansı alternativlər var?

141
/2