Frontend

Кодтың келесі нәтижесі қандай? ```javascript console.log(1); setTimeout(() => { console.log(2); }, 0); Promise.resolve().then(() => { console.log(3); }); console.log(4); setTimeout(() => { Promise.resolve().then(() => { console.log(5); }); }, 0); ```

useEffectEvent деген не және ол не үшін қажет?

Өз командаңызда әзірлеу процесі мен Git-flow туралы айтыңыз. Кодты қарау процесі қалай ұйымдастырылған?

Қандай state-менеджерлер қолданылды? Redux неге нашар?

React тізімдерінде key атрибуты не үшін қажет?

import { useState, useCallback } from 'react' const Component = () => { const [count, setCount] = useState(0); const handleClick = useCallback(() => { console.log(count); }, []); return ( <div> <div onClick={() => setCount((prev) => prev + 1)}>Count: {count}</div> <div onClick={handleClick}>Log</div> </div> ); };

TypeScript-те генериктер дегеніміз не және олар не үшін қажет?

useCallback-те ескі жабылу мәселесін тәуелділіктер массивіне тәуелділіктер қоспай қалай түзетуге болады?

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

Браузерге URL енгізілгенде не болады? DNS сұрауынан бастап беттің салынуына дейінгі процесті сипаттаңыз.

Қандай жинақтаушыларды қолдандыңыз, өз конфигурацияларыңызды жаздыңыз ба?

import { useEffect, useLayoutEffect } from 'react'; export default function App() { console.log('1'); useEffect(() => { console.log('2'); }, []); useLayoutEffect(() => { console.log('3'); }, []); return <div>BCraft</div>; }

JavaScript-те жабысу (closure) деген не? Мысал келтіріңіз.

Пайдаланушы лаг туралы шағымданса, React қолданбасындағы өнімділік мәселелерін қалай шешер едіңіз?

JavaScript-те Event Loop дегеніміз не? Тапсырмалар қандай тәртіппен орындалады?

Props жаңартылған кезде және алдыңғы сұрау әлі аяқталмаған кезде қалай өңдеу керек? Race condition-ды қалай болдырмауға болады?

export const usePhoneMask = ({ mask, initialValue, maskPlaceholder, }: UsePhoneMaskParams): UsePhoneMaskReturn => { // код осында };

import { useState, useEffect } from 'react'; export default function App() { console.log('1'); useEffect(() => { console.log('2'); }, []); return <Child />; } function Child() { console.log('3'); useEffect(() => { console.log('4'); }, []); return <div>Bcraft</div>; }