Jaki będzie wynik tego kodu? ```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); ```
Czym jest useEffectEvent i do czego służy?
Opowiedz o procesie rozwoju i Git-flow w swoim zespole. Jak jest zorganizowany proces przeglądu kodu?
Do czego służy atrybut key na listach React?
Jakich menedżerów stanu używano? Dlaczego Redux jest zły?
Jak naprawić problem przestarzałej zamknięcia w useCallback bez dodawania zależności do tablicy zależności?
Czym są generyki w TypeScript i do czego służą?
import { useState, useCallback } from 'react' const Komponent = () => { const [licznik, setLicznik] = useState(0); const handleClick = useCallback(() => { console.log(licznik); }, []); return ( <div> <div onClick={() => setLicznik((prev) => prev + 1)}>Licznik: {licznik}</div> <div onClick={handleClick}>Zaloguj</div> </div> ); };
Opowiedz o sobie i swoim ostatnim doświadczeniu zawodowym.
Jakich zbieraczy używałeś, czy pisałeś własne konfiguracje?
Co się dzieje po wpisaniu adresu URL w przeglądarce? Opisz proces od zapytania DNS do renderowania strony.
import { useEffect, useLayoutEffect } from 'react'; export default function App() { console.log('1'); useEffect(() => { console.log('2'); }, []); useLayoutEffect(() => { console.log('3'); }, []); return <div>BCraft</div>; }
Czym jest zamknięcie w JavaScript? Podaj przykład.
Jak podszedłbyś do rozwiązania problemów z wydajnością w aplikacji React, jeśli użytkownik skarży się na opóźnienia?
Czym jest pętla zdarzeń (Event Loop) w JavaScript? W jakiej kolejności są wykonywane zadania?
Jak obsłużyć sytuację, gdy props zostały zaktualizowane, a poprzednie żądanie jeszcze się nie zakończyło? Jak uniknąć race condition?
export const usePhoneMask = ({ mask, initialValue, maskPlaceholder, }: UsePhoneMaskParams): UsePhoneMaskReturn => { // kod tutaj };
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>; }
