Frontend

JavaScript-те айнымалыларды іздеу механизмі туралы айта аласыз ба (scope chain / lexical environment)?

Event Loop туралы айтыңыз: шақыру стегі, микротаскалар, макротаскалар.

Middle

ОТП Банк

Жобаңызда бірліктік тесттер, e2e тесттері бар ма?

WebSocket арқылы мың байланысқа тест жүргіздіңіз — оны қалай сынадыңыз, жүктеме тестілеу қалай өтті?

Қалай Input өрісінің valueChanges бойынша іздеуді жүзеге асыруға болады: қай RxJS операторларын қолдану керек және неге?

Next.js-те маршрутизация қалай жұмыс істейді?

Nuxt/Vue-те Composable деген не? Мысал келтіре аласыз ба?

Форманы стандартты submit арқылы емес, қалай өңдеуге болады? JavaScript арқылы форманы қалай жіберуге болады?

import React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; const someFunc = (arr) => { return [...arr].sort((a, b) => a - b); }; const LazyInit = (props) => { const [arr, setArr] = useState(() => someFunc(props.arr)); const onClick = () => { setArr((prev) => prev.concat(prev.length + 1)) } return ( <> <button onClick={onClick}> Increment </button> <ul> {arr.map((n, index) => <li key={index}>{n}</li>)} </ul> </> ) } export default () => <LazyInit arr={[1, 2, 3]} />; --- Оң жақтағы әңгімеде талқыланатындар: - TypeScript-те генериктерді пайдалану: "<T extends object, K extends keyof T>" - Деректердің жол екенін тексеру үшін тип қорғаушыны пайдалану: "isString(data: unknown): data is string { ... }" - useState-ті функциямен пайдалану арқылы әр рендер кезінде қайта іске қосылуын болдырмау: ``` const [state, setState] = useState(getComplexData); // немесе const [state, setState] = useState(() => getComplexData()); ``` - useState-ке берілген функция тек бір рет компонент жүктелгенде орындалады. - 11-ші жолда prev.concat арқылы күйді тікелей өзгерту туралы ескерту. --- Техникалық тапсырма — React компонентінің кодын талдау және мүмкін болса түзету немесе оңтайландыру, әсіресе: - useState-ті дұрыс ленив инициализациялау. - Күйді тікелей өзгертуінен аулақ болу. - TypeScript генериктері мен тип қорғаушыларды түсіну. - Батырма басылғанда күйді дұрыс жаңарту.

Middle+

IT One

JavaScript-те айнымалыларды жариялау тәсілдерін түсіндіріңіз: var, let, const. Олардың айырмашылықтары қандай?

React-те баяу жүктеудің ұғымын түсіндіріңіз және ол қолданбаның өнімділігін қалай жақсарта алады.

Middle+

Andersen

Өзінің сәйкес жұмыс тәжірибесі туралы айтыңыз.

Өткен жылдарда ең маңызды қателер туралы айта аласыз ба? Не болды және оларды қалай түзеді?

[аты] сұрады: тапсырма: бетте енгізу өрісі бар. Енгізілген мәнді localStorage-да сақтайтын кодты жазыңыз, сонда бет қайта жүктелгенде мән қалпына келеді.

Middle

OZON

useEffect-те тәуелділік массивінсіз setState шақырса, не болады?

Сіз кеңседе жұмыс істеуге қалай қарайсыз? Кеңседе жұмыс тәжірибеңіз бар ма?

/** * Консольға не шығады және неге */ const a = () => console.log('a'); const b = () => setTimeout(() => console.log('b'), 0); const c = () => Promise.resolve().then(() => console.log('c')); a(); b(); c();

Қандай мемлекет менеджерлерімен жұмыс істедіңіз және олар туралы не ұнатасыз? Қандай артықшылықтар мен кемшіліктерді көресіз?

Келесі бірнеше жылда кәсіби жоспарларыңыз қандай? React-сыз скучно болмай ма?

Vue-де күйді қайда сақтау керек? Қашан Pinia/Vuex қолданған дұрыс, ал қашан provide/inject?