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 құбырларын, линтерлерді, prettier-ді, pre-commit тінтуірлерін баптадыңыз ба — өзіңіз жасадыңыз ба немесе жоғарыдан тапсырма берілді ме?

Рекурсия деген не? Оның ережелері қандай? Ол не үшін қажет?

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-да қайта үйлестіру процесінде не өзгерді?

React не үшін керек? Ол қандай мәселелерді шешеді? Қашан ол артық болады?

function recursiveFunction(N) { let counter = 0; if (N > 0) { counter = counter + 1; recursiveFunction(N - 1); } // console.log(counter) } 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 стильдерді іске қосу кезінде жасайды — бұл мәселе ме? Қашан ауырта бастайды? Жақсырақ өнімділікпен қандай баламалар бар?