Frontend

Warum verwenden wir die funktionale Aktualisierung des Zustands (indem wir eine Funktion an setState mit dem Argument prev übergeben), anstatt einfach count + 1?

Wozu dient eigentlich useState und warum können wir die Variable nicht einfach direkt ändern oder useRef verwenden?

Welche Nachteile hat der Virtual DOM?

Was hat dich dazu veranlasst, nach einem neuen Job zu suchen?

Welche Prinzipien leitest du bei der Gestaltung der Architektur und der Auswahl der Technologien?

Wozu dienen State-Manager und worin unterscheiden sie sich von der Verwendung von Context?

Erzählen Sie mir von Ihrer Berufserfahrung, Projekten und verwendeten Technologien.

Was suchst du in einem neuen Arbeitsplatz, worauf achtest du?

Wie erkennt man, wann man Optimierungen anwenden sollte? Gab es Fälle, in denen du Leistungsprobleme lösen musstest?

Implementieren Sie einen Ereignismanager, der Ereignisse in beliebiger Reihenfolge entgegennimmt und sie in der richtigen Reihenfolge nach ID (beginnend bei 1, jeder nächste um 1 erhöht) sendet. Ereignisse können aus mehreren Kanälen kommen, und die Reihenfolge muss innerhalb jedes Kanals separat eingehalten werden. Duplikate sollten ignoriert werden. Verwenden Sie die Funktion sendEvent zum Senden.

Praktische Aufgabe: Verbessern Sie die Zählerkomponente in React, sodass beim Klicken auf die Schaltfläche "Erhöhen" der Zähler um 1 erhöht wird und ein Eintrag in der Historie mit dem neuen Wert hinzugefügt wird; beim Klicken auf "Verringern" — ähnlich; beim Klicken auf "Zurücksetzen" — die Historie gelöscht wird.

Welche Möglichkeiten gibt es, die Leistung in React zu optimieren?

Aufgabe: Erstellen Sie eine Seite mit einer multifunktionalen Kryptowährungstabelle. Verbinden Sie sich mit der API und zeigen Sie die Liste der Münzen in der Tabelle an. Mindestanforderungen: Projekt von Grund auf neu erstellt Nur Typescript Mit der API verbinden Sortierung nach Werten in der Spalte Suche nach Werten in den Zellen (funktioniert nach dem Prinzip logisches UND) Zusätzliche Aufgaben: Eigene Paginierung Minimale Stile (angenehmes und ordentliches Aussehen) Allgemeine Suche nach Werten in allen Zellen Möglichkeit, Spalten zu fixieren

Welche Technologie liegt React zugrunde und wofür ist sie notwendig?

Implementieren Sie die Funktion smartFetch, die ein Wrapper um die Funktion batchFetch für Datenanfragen vom Backend nach ID ist. Die Funktion soll Aufrufe während eines Zeitfensters (Timeout) sammeln und sie in einer einzigen Batch-Anfrage senden. Das Warten auf das nächste Fenster beginnt sofort nach dem Versand der Anfrage. IDs sind eindeutig, fetch ist immer erfolgreich. Es ist notwendig, den Fall korrekt zu behandeln, wenn innerhalb eines Fensters doppelte IDs eintreffen.

Wie hast du Zustandsmanager aus Sicht der Architektur und der Nutzungspraxis angewendet?