Frontend

Jaký bude výstup tohoto kódu? ```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); ```

Co je useEffectEvent a k čemu je?

Proč je v seznamu React potřeba atribut key?

Povězte nám o procesu vývoje a Git-flow ve vašem týmu. Jak je organizován proces code review?

Jaké správce stavu byly použity? Proč je Redux špatný?

Jak vyřešit problém s zastaralým uzávěrem v useCallback bez přidání závislostí do pole závislostí?

import { useState, useCallback } from 'react' const Komponenta = () => { const [pocet, setPocet] = useState(0); const handleClick = useCallback(() => { console.log(pocet); }, []); return ( <div> <div onClick={() => setPocet((prev) => prev + 1)}>Počet: {pocet}</div> <div onClick={handleClick}>Záznam</div> </div> ); };

Co jsou generika v TypeScriptu a k čemu slouží?

Povězte nám o sobě a o své poslední pracovní zkušenosti.

Co se stane při zadání URL do prohlížeče? Popište proces od DNS dotazu po vykreslení stránky.

Jaké sběrače jste používali, psali jste vlastní konfigurace?

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

Co je to uzávěr v JavaScriptu? Uveďte příklad.

Jak byste přistoupili k řešení problémů s výkonem v aplikaci React, pokud by si uživatel stěžoval na zpoždění?

Co je to Event Loop v JavaScriptu? V jakém pořadí se úkoly vykonávají?

export const usePhoneMask = ({ mask, initialValue, maskPlaceholder, }: UsePhoneMaskParams): UsePhoneMaskReturn => { // kód zde };

Jak řešit situaci, kdy se props aktualizovaly a předchozí požadavek ještě neskončil? Jak se vyhnout race condition?

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>; }