Frontend

Aký bude výstup tohto 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); ```

Čo je useEffectEvent a na čo je potrebný?

Povedzte nám o procese vývoja a Git-flow vo vašom tíme. Ako je organizovaný proces kontroly kódu?

Prečo je v zoznamoch React potrebný atribút key?

Akí správci stavu boli použité? Prečo je Redux zlý?

Ako vyriešiť problém zastaranej uzávery v useCallback bez pridania závislostí do poľa závislostí?

Čo sú generiká v TypeScript a na čo slúžia?

import { useState, useCallback } from 'react' const Komponent = () => { 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> ); };

Porozprávajte nám o sebe a o vašej poslednej pracovnej skúsenosti.

Akými zberačmi ste používali, písali ste vlastné konfigurácie?

Čo sa deje pri zadaní URL do prehliadača? Opíšte proces od DNS požiadavky po vykreslenie stránky.

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

Čo je to uzáver v JavaScript? Uveďte príklad.

Ako by ste pristúpili k riešeniu problémov s výkonom v React aplikácii, ak by sa používateľ sťažoval na záseky?

Čo je to Event Loop v JavaScript? V akom poradí sa vykonávajú úlohy?

Ako obravnavati situacijo, ko se props posodobijo in prejšnja zahteva še ni zaključena? Kako se izogniti race condition?

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

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