Frontend

Quale sarà l'output del seguente codice? ```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); ```

Cos'è useEffectEvent e a cosa serve?

A cosa serve l'attributo key nelle liste di React?

Parlaci del processo di sviluppo e Git-flow nel tuo team. Come è organizzato il processo di revisione del codice?

Quali gestori di stato sono stati usati? Perché Redux è cattivo?

Come risolvere il problema della closure obsoleta in useCallback senza aggiungere dipendenze nell'array delle dipendenze?

import { useState, useCallback } from 'react' const Componente = () => { const [contatore, setContatore] = useState(0); const handleClick = useCallback(() => { console.log(contatore); }, []); return ( <div> <div onClick={() => setContatore((prev) => prev + 1)}>Contatore: {contatore}</div> <div onClick={handleClick}>Registra</div> </div> ); };

Cosa sono i generici in TypeScript e a cosa servono?

Parlami di te e della tua ultima esperienza lavorativa.

Cosa succede quando si inserisce un URL nel browser? Descrivi il processo dalla richiesta DNS alla visualizzazione della pagina.

Quali raccoglitori hai usato, hai scritto configurazioni personalizzate?

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

Cos'è una closure in JavaScript? Fornisci un esempio.

Come affronteresti la risoluzione dei problemi di prestazioni in un'app React se un utente si lamenta di lag?

Cos'è l'Event Loop in JavaScript? In quale ordine vengono eseguite le attività?

export const usePhoneMask = ({ mask, initialValue, maskPlaceholder, }: UsePhoneMaskParams): UsePhoneMaskReturn => { // codice qui };

Come gestire la situazione quando le props sono state aggiornate e la richiesta precedente non è ancora terminata? Come evitare le condizioni di race?

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