Frontend
Pe ce tehnologie a fost construit editorul și cum funcționează?
Ai experiență cu Next.js? Spune-mi despre experiența ta.
Mai avem 5 minute — ce ai vrea să mai spui, ce nu am făcut, dar este important să ținem cont pentru ca soluția să poată fi considerată pregătită pentru dezvoltare?
A apărut o eroare în producție, trebuie să o corectezi urgent, dar ramura dev a avansat deja mult cu noile funcții. Cum ai proceda?
Spuneți-ne ce s-a schimbat în zona dvs. de responsabilitate atunci când ați trecut de la poziția de Middle la Senior
Cum se declanșează (se apelează) un eveniment în afara componentului? Ce scriem exact atunci când emităm un eveniment către părinte?
Care sunt greșelile tipice de hidratare și cum le evităm?
De ce s-a ales GraphQL în proiect?
Cum funcționează în interior un tabel hash (HashMap)?
Există un component Button folosit în 50 de locuri. Designer-ul vrea să-i schimbe puțin aspectul într-un loc anume. Cum ai proceda?
Scrii teste automate? Ai experiență în scrierea testelor?
La ce folosește atributul key în React? Ce se întâmplă dacă cheia se schimbă?
Cum sunt organizate CI/CD și lansarea noilor servicii în echipă?
Nu vă deranjează să faceți fullstack?
Este corect să folosești async/await direct în useEffect? De ce?
Ce bază de date a fost folosită în proiect?
În ceea ce privește tabelele — ai făcut tabele complexe și lungi cu virtualizare, unde se redă doar ceea ce este vizibil pe ecranul utilizatorului?
Spune-mi, ce funcționalitate nouă a apărut în standardul ES6 (ES2015) în JavaScript.
Preferi în mod special abordarea componentizată (scoped) a stilurilor?
/** * Se oferă un array. Este necesar să sortăm numerele impare în ordine crescătoare, * iar cele pare să rămână pe pozițiile lor * / export function oddSort(numbers) { // codul tău aici } console.log(oddSort([2, 3, 7, 4, 6, 1, 5, 8, 9])); // [2, 1, 3, 4, 6, 5, 7, 8, 9] console.log(oddSort([2, 4, 6, 8])); // [2, 4, 6, 8] console.log(oddSort([3, 7, 1, 5, 9])); // [1, 3, 5, 7, 9] // Este necesar să verificăm soluția problemei pe două servicii, apelând: // 1. checkResult(url1, solution) // 2. checkResult(url2, solution) // // checkResult: (url: string, solution: string | number) => Promise<boolean>; // // - Dacă ambele cereri returnează true, afișează success // - Dacă cel puțin una returnează false, afișează fail // - Dacă cel puțin una nu răspunde, afișează error // - Dacă cel puțin una răspunde mai mult de 1 secundă, afișează timeout import { checkResult } from '...'; export async function checkResults() { const solution = 'Any answer'; const url1 = 'yandex.ru'; const url2 = 'google.com'; checkResult(url1, solution); checkResult(url2, solution); }