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 във вашия екип. Как е организиран процесът на преглед на кода?

За какво е необходим атрибутът key в списъците на React?

Кои мениджъри на състоянието са използвани? Защо е лош Redux?

Как да решите проблема със стария затвор в useCallback, без да добавяте зависимости към масива с зависимости?

Какви са генериците в TypeScript и защо са необходими?

import { useState, useCallback } from 'react' const Компонент = () => { const [број, setБрој] = useState(0); const handleClick = useCallback(() => { console.log(број); }, []); return ( <div> <div onClick={() => setБрој((prev) => prev + 1)}>Број: {број}</div> <div onClick={handleClick}>Запиши</div> </div> ); };

Разкажете за себе си и за последния си опит в работата.

Какви събирачи използвахте, писахте ли свои конфигурации?

Какво се случва при въвеждане на 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? Дайте пример.

Как бихте подходили към решаването на проблем с производителността в React приложение, ако потребител се оплаква от лагове?

Какво е Event Loop в JavaScript? В какъв ред се изпълняват задачите?

Как да обработите ситуацията, когато 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>; }