Frontend

Cos'è una funzione pura? Quando una funzione è pura? Cosa sono gli effetti collaterali?

Come è stata la revisione del codice nel team? C'era un regolamento? A cosa prestava attenzione?

I parametri nella funzione vengono passati per riferimento o per valore?

Parla delle fasi critiche del rendering del browser

Parlami dell'event loop: a cosa serve, come funziona

Dato il seguente frammento di codice: ```typescript let info = { name: "Alex", skill: ["git", "react", "read"], }; let started = (info: any) => { let { name, skill } = info; (name = "Alex Pool"), skill.push("delete"); return { name, skill, online: true, }; }; ``` Spiega cosa fa la funzione `started` con l'oggetto `info` e descrivi l'output della chiamata a `started(info)`. Inoltre, discuti se l'oggetto `info` originale viene mutato dopo aver chiamato `started(info)`.

Cos'è il pseudoarray arguments? In cosa si differenzia da un array normale?

Cos'è la ricorsione? Quali sono le sue regole? A cosa serve?

Cos'è la riconciliazione di React? Come funziona? In base a quali criteri React decide di aggiornare o rimontare un componente?

Il parsing di HTML e CSS avviene in modo sequenziale o parallelo?

Quando vengono chiamati useEffect e useLayoutEffect?

Parlami di te e della tua esperienza lavorativa

// Promise.resolve() // .then(() => console.log(1)) // // .then(() => console.log(2)) // // Promise.resolve() // .then(() => console.log(11)) // // .then(() => console.log(22)) //

A cosa serve React? Quali problemi risolve? Quando è ridondante?

Cosa è cambiato in React 18 nel processo di Reconciliation?

funzione recursiveFunction(N) { let contatore = 0; if (N > 0) { contatore = contatore + 1; recursiveFunction(N - 1); } // console.log(contatore) } recursiveFunction(3); // 3 3 3 ? Spiega quale sarà l'output della funzione e perché. Identifica anche eventuali problemi con l'implementazione attuale della funzione ricorsiva e suggerisci come correggerla per contare e registrare correttamente il numero di chiamate ricorsive.

Emotion e styled-components generano stili in runtime — è un problema? Quando inizia a essere un problema? Quali sono le alternative con migliori prestazioni?

Parlami dello stack di chiamata: come funziona, in quale sequenza vengono eseguite le attività

import "./styles.css"; import React from "react"; const getData = () => { return Array.from({ length: 50 }, (el, idx) => ({ value: Math.random(), label: `riga ${idx + 1}`, })); }; export default function App() { const [data, setData] = React.useState(getData()); const handleUpdate = () => { setData((prev) => { return prev.map((row, i) => i === 0 ? { ...row, value: Math.random() } : row ); }); }; return ( <div> <h1>App Lista</h1> <Button onClick={handleUpdate}>aggiorna `riga 1`</Button> {data.map((row) => { return <Row key={row.label} label={row.label} value={row.value} />; })} </div> ); }

Quale sarà l'output del seguente frammento di codice? ```javascript setTimeout(() => { console.log('B') }, 0) Promise.resolve().then(() => { console.log('C') }) Promise.resolve().then(() => { console.log('D') }) console.log('E') ```