Frontend

[nome] ha chiesto: Ci sono stati casi in cui hai dovuto comunicare una funzionalità che non era nel compito, a tua discrezione?

Qual è la differenza tra git fetch e git pull?

Parlami di Teleport e Suspense in Vue.js: cosa sono, li hai usati nel lavoro?

function createEmitter() { const events = new Map(); function on(event, handler) { if(!events.has(event)) { events.set(event, [handler]) return } events.get(event).push(handler) } function off(event, handler) { // TODO: rimuovere handler } function emit(event, payload) { // TODO: chiamare tutti gli iscritti all'evento } return { on, off, emit }; } const bus = createEmitter(); const unsub1 = bus.on("order:created", (payload) => { console.log("handler1:", payload.id); }); const handler2 = (payload) => { console.log("handler2:", payload.id); } bus.on("order:created", handler2);

Arriva un array di 2 milioni di elementi, ogni elemento deve essere elaborato per 100 millisecondi. Non si può modificare l'interazione con il server. Come elaborare questo array in modo da non bloccare l'interfaccia utente?

Middle

Wildberries

È possibile fidarsi dei tipi TypeScript in runtime? Come garantire la validazione dei dati dal backend?

Parlami più dettagliatamente della tua esperienza: hai raccolto tu stesso i requisiti o sono arrivati già pronti?

Su cosa ti sei basato durante la revisione del codice e come hai risolto le divergenze?

Perché è meglio usare un store (ad esempio, Pinia) per lo stato globale invece di provide/inject?

Hai mai avuto l'esperienza di realizzare un'idea che sembrava fantastica, ma si è rivelata un fallimento?

Parla della tua azienda precedente — composizione del team, processi, progetti.

Middle

Лига Цифровой Экономики

Guarda il layout con i passaggi e le schede dei partecipanti. Cosa non va bene qui?

Dal punto di vista della sintassi e della struttura del codice, cosa rifattoreresti in questa funzione?

Come funziona React sotto il cofano? Spiega il meccanismo di reconciliation, Virtual DOM, architettura Fiber e perché sono necessarie due fasi (render e commit).

Quali sono gli svantaggi e i rischi associati alla distribuzione indipendente dei micro frontends?

Middle+

СБЕР

Parlami della tua formazione. Come sei entrato nel settore IT?

Compito di live coding: hai un piccolo componente di lista delle cose da fare in JSX. Correggi tutto ciò che non ti piace e spiega perché.

A cosa serve davvero la chiave (key) nelle liste in React?

/** * Compito 1: Generici e Sicurezza del Tipo sulla Chiave * Crea una funzione `getProperty` che prende un oggetto e una chiave. * Usa i generici per garantire che la funzione sia sicura in termini di tipo, e che la chiave esista sull'oggetto. */ function getProperty<T extends Record<string, unknown>, K extends keyof T>(obj: T, key: K): T[K] { return obj[key]; } getProperty('str', 'toString') /** * Compito 2: Dato più dichiarazioni di interfaccia Todo di seguito, spiega cosa succede quando sono presenti nello stesso ambito. * Discuta come TypeScript le tratta e compila l'oggetto `myTodo` per soddisfare i requisiti dell'interfaccia Todo unificata. */ interface Todo { title: string; dueDate: Date; } interface Todo { description: string; completed: boolean; }

Descrivi il flusso di autorizzazione standard tramite Keycloak che hai utilizzato nei tuoi progetti.

Middle

МТС Банк