Frontend

Aufgabe: Implementieren Sie die Funktion calculateStats zur Berechnung der Summe und des Durchschnittswerts eines Zahlenarrays. Berücksichtigen Sie den Fall eines leeren Arrays.

Welchen HTML-Code liefert Next.js vor der Hydratation?

Berichten Sie uns von Ihrer Entwicklungserfahrung, beginnend mit Ihrer letzten Arbeitsstelle.

Was ist eine Closure? Geben Sie ein Beispiel.

Was ist debounce?

Wie verhindert man Flackern der Benutzeroberfläche durch useEffect?

Was landet in der Microtask-Queue? Nennen Sie die Browser-Observer-APIs außer MutationObserver.

Was ist eine Server- und Client-Komponente in Next.js? Wie wird eine Client-Komponente deklariert? Kann man eine Server-Komponente in eine Client-Komponente einbetten und umgekehrt?

Was ist Module Federation und was umfasst sie?

//Implementiere die Funktion // promiseAllLimit(tasks: Array<() => Promise<unknown>>, limit: number): Promise<any[]>, //die Promises mit einer Begrenzung der maximalen gleichzeitigen Anfragen ausführt.

Aufgabe: Implementieren Sie die Funktion zur Gruppierung von Benutzern nach Stadt (groupByCity).

Haben Sie FSD verwendet — wer hat die Domänen entworfen? Nur neue Ordnernamen oder einen tieferen Ansatz für die Architektur? Was war im Ordner entities?

Wie lösen Sie Probleme der Browserkompatibilität? Wie können Sie im Voraus feststellen, ob eine CSS-Eigenschaft in den benötigten Browsern funktioniert?

//Implementieren Sie eine Debounce-Funktion: Verzögern Sie die Ausführung einer Funktion, bis eine bestimmte Zeit vergangen ist //Beispiel const debouncedSearch = debounce((query) => { console.log('Suche nach:', query); }, 300); debouncedSearch('a'); debouncedSearch('ab'); debouncedSearch('abc'); // Wird nur einmal mit 'abc' nach 300ms nach dem letzten Aufruf ausgeführt

Wie deaktiviert man einen Observer, wenn er nicht mehr benötigt wird?

Wie ist Ihre Erfahrung mit CSS, Layout — haben Sie direkt mit React angefangen oder hatten Sie eine Basis in reinem CSS/HTML?

Wie haben Sie ein separates Repository mit gemeinsamen Komponenten in ein anderes Projekt eingebunden — als Paket oder anders?

Welche Render-Strategien gibt es? Erzählen Sie uns von CSR, SSR, SSG.

Was ist die Event Loop?

Worin besteht der Unterschied zwischen einem Set und einem normalen Array? Wie ist die Komplexität der Operation has() bei einem Set?