Frontend
In quale termine sono pronti a iniziare a lavorare?
Perché in React non si può modificare direttamente lo stato? Ad esempio, state.count = 5.
// Crea un tipo che contiene gli stessi campi di Delivery, // ma tutti i campi sono opzionali (possono avere il valore undefined) e non possono cambiare i loro valori.
Parli dell'uso di NX nel progetto e perché è stato scelto
Parli della differenza fondamentale tra Angular come framework e React come libreria.
Quale approccio utilizza React: imperativo o dichiarativo? Qual è la differenza?
Come funziona la destrutturazione dei valori reattivi in Vue e come mantenere la reattività durante la destrutturazione?
Parla della tua esperienza lavorativa: in quali team hai lavorato, quali ruoli hai ricoperto, quali casi sono stati legati alla progettazione dell'architettura e alla presa di decisioni tecniche?
Parli della sua esperienza di revisione del codice. A cosa prestava attenzione? Quali sono gli errori più frequenti che ha incontrato?
Come risolvere il compito withTimeout in modo alternativo tramite Promise.race? Cos'è Promise.race, in cosa si differenzia da Promise.all?
Cosa sono gli attacchi XSS?
A cosa servono i portali in React?
Conoscenza di database e lavoro con API
Cos'è la reconciliation in React?
Parla di Promise: stati, metodi statici (all, allSettled, any, race).
Ottenere dati su libri e autori. Visualizza i dati in un elenco paginato di 10 libri per pagina nel formato: <titolo del libro> - <autore> api: [link] specifica: [link] se swagger non si apre, nella radice sber-c55-books-mock-1.0.1-oas3.1-resolved.yaml const PAGE_SIZE = 10; export default function App() { const [books, setBooks] = useState([]) const [page, setPage] = useState(1); const [loading, setLoading] = useState(false) useEffect(() => { setLoading(true); fetch('[link]') .then((res) => res.json()) .then((data) => { setBooks(data); setLoading(false); }) .catch(() => setLoading(false)); }, [page]); const totalPage = Math.ceil(books.length / PAGE_SIZE); const start = (page - 1) * PAGE_SIZE; const currentBooks = books.slice(start, start + PAGE_SIZE); return ( <div className="App"> {loading && <p>Caricamento...</p>} <ul> {currentBooks.map((book, index) => ( <li key={index}>{book.title} - {book.author}</li> ))} </ul> <div> <button disabled={page === 1} onClick={() => setPage(page - 1)}> Precedente </button> <button disabled={page === totalPage} onClick={() => setPage(page + 1)}> Successivo </button> </div> </div> ); } Correggi gli errori e implementa la visualizzazione di una lista paginata di libri con autori.
Cosa ti interessa di più: migliorare i progetti esistenti, sviluppare nuove funzionalità, interagire con il backend o lavorare sull'ottimizzazione?
Spiega come funziona l'Event Loop — cosa sono le microtask, le macrotask e la loro priorità.
C'è un componente React con un input. Clicchiamo sul pulsante "Mostra input" e l'input viene visualizzato, ma non riceve il focus. È necessario sistemarlo. Suggerisci quante più soluzioni possibile.
Come funzionerà la replica del database (master-slave)? Come il bilanciatore di carico indirizzerà le richieste ai diversi server con database diversi?