Frontend

Таза функция деген эмне? Качан функция таза болот? Кандай таасирлер бар?

Төмөндөгү код үзүндүсүнө карата: ```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)` чакырылышынын жыйынтыгын сүрөттөп бериңиз. Ошондой эле, `started(info)` чакырылышынан кийин оригиналдуу `info` объектиси өзгөрөт деп ойлойсузбу, талкууланыз.

Топтомдо кодду карап чыгуу кандай өттү? Эрежелер бар беле? Неге көңүл бурду?

Браузердин рендерингинин маанилүү этаптары жөнүндө мага айтып бер

Функцияга параметрлер шилтем аркылуубы же маанилер аркылуубы өткөрүлөт?

HTML жана CSS парсингдери кезек-кезекпи же бир убакта болобу?

Event loop жөнүндө мага айтып бер: эмне үчүн керек, кантип иштейт

arguments псевдо-массиви эмне? Ал кандайча жөнөкөй массивтен айырмаланат?

Сиз CI/CD pipelines, linters, prettier, pre-commit hooks орностудуз — өзүңүз баштадыңызбы же тапшырма жогору жактан келдиби?

Рекурсия деген эмне? Анын эрежелери кандай? Ал эмне үчүн керек?

React Reconciliation деген эмне? Кантип иштейт? React кайсы критерийлер боюнча компонентти жаңыртуу же кайра орнотуу чечет?

Өзүңүз жана иш тажрыйбаңыз жөнүндө айтып бериңиз

useEffect жана useLayoutEffect качан чакырылат?

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

Кодтун төмөнкү бөлүгүнүн чыгышы кандай болот? ```javascript setTimeout(() => { console.log('B') }, 0) Promise.resolve().then(() => { console.log('C') }) Promise.resolve().then(() => { console.log('D') }) console.log('E') ```

React 18'де Reconciliation процесинде эмне өзгөрдү?

React эмне үчүн керек? Канча маселени чечет? Кайда ашыкча болот?

recursiveFunction(N) функциясы { эсептөөчү = 0; эгер (N > 0) { эсептөөчү = эсептөөчү + 1; recursiveFunction(N - 1); } // console.log(эсептөөчү) } recursiveFunction(3); // 3 3 3 ? Функциянын чыгышы эмне болот жана эмнеге? Ошондой эле, учурдагы рекурсивдүү функциянын ишке ашырылышында кандайдыр бир көйгөй бар болсо, аны кантип оңдоого жана рекурсив чакыруулардын санын туура эсептеп жана каттоого алып, туура кылып түзөтүү сунушталсын.

import "./styles.css"; import React from "react"; const getData = () => { return Array.from({ length: 50 }, (el, idx) => ({ value: Math.random(), label: `жол ${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> ); }

Emotion жана styled-components стильдерди ишке ашыруу убакытында түзөт — бул көйгөйбү? Канча убакыттан кийин ооруй баштайт? Жакшыраак иштөө менен кандай альтернатива бар?