Frontend

Pentru valorile const a = null și const b = 0, determinați rezultatele expresiilor cu || și ??, și explicați diferența dintre operatori.

Efectuați o revizuire a componentului React și remediați problemele din cod. Explicați de ce faceți modificări în fiecare caz.

Care este diferența dintre unknown și any în TypeScript?

Pentru o expresie cu operatorul ||, determinați rezultatul. Cum diferă operatorul || de operatorul ?? și când se activează ??

Aveai un monorepository sau depozite separate pentru aplicații și biblioteci partajate?

Cum să preveniți condițiile de cursă atunci când faceți solicitări asincrone repetate din useEffect? Ce instrumente native JavaScript permit anularea solicitărilor?

Pentru o funcție de numărătoare cu închidere, unde mesajul este format înainte de apelul la incrementare, determinați ce va fi afișat. Cum să corectați codul pentru ca valoarea actuală a numărătorului să fie afișată?

În al doilea fragment de cod React, găsiți și remediați problemele cu useEffect, useMemo, încărcarea asincronă a user/roles și stocarea datelor calculate în stare.

Este useCallback este necesar aici? La ce serve și când nu are sens să-l folosești?

Cum ai organiza izolarea stilurilor pentru fiecare micro-frontend, inclusiv atunci când folosești Tailwind CSS? Ce abordări de browser pentru izolare există?

Spuneți-ne cum au fost organizate micro-front-urile dvs., interacțiunea lor și funcționarea generală a sistemului.

Dacă fiecare micro-frontend adaugă stiluri de bază globale ale Tailwind CSS și acestea sunt duplicate, ai avut o astfel de problemă?

Implementați propriul tip utilitar Pick<T, K>. Explicați cum funcționează tipurile mapate și cum să implementați un echivalent al Partial<T>.

Dacă un obiect este creat folosind Object.create([obiect]), la ce va indica __proto__?

Dacă rolurile sunt setate implicit ca un array gol direct în parametrii componentei, ce se va întâmpla cu useEffect la fiecare randare? Cum să remediați acest lucru?

Pentru un obiect cu o funcție săgeată care afișează this.name, determinați ce va fi afișat și explicați comportamentul lui this într-o funcție săgeată.

Cum se deosebește display: none de opacity: 0 din punct de vedere al arborelui de randare, al aspectului și al spațiului ocupat? Care opțiune este mai performantă și de ce?

Rezolva problema TypeScript: există un tip Response cu câmpuri mutually exclusive payload și error, iar tipurile lor pot fi diferite. Trebuie să tipați funcțiile payloadFrom(response), care returnează payload sau undefined, și errorFrom(response), care returnează error sau undefined, astfel încât tipurile de returnare să fie deduse automat din Response-ul de intrare.

De ce ar trebui să folosești starea în loc de o variabilă obișnuită pentru o valoare care afectează afișarea componentului?

Ce face useMemo și care sunt consecințele utilizării sale pentru toate valorile fără necesitate?