Frontend
Wir verwenden Pinia. In einer Komponente rufen wir eine synchrone Aktion des Stores mit einer Datenbankanfrage auf, die den Zustand ändert. Danach lesen wir in einer anderen Komponente sofort diesen Zustand, aber er ist noch veraltet. Warum passiert das und wie kann man das beheben?
JavaScript: was ist der Unterschied zwischen `prototype` und `__proto__`?
Für die Werte const a = null und const b = 0, bestimmen Sie die Ergebnisse der Ausdrücke mit || und ??, und erklären Sie den Unterschied zwischen den Operatoren.
Praktische Aufgabe: Scroll innerhalb des Containers (article) und nicht auf dem Body. Buttons am unteren Rand des Containers fixieren (sticky). Scrollbar mit Styles verstecken.
Welche Kriterien sind für die UI-Kit-Komponenten der Bibliothek, mit denen du in der Praxis persönlich zu tun hattest, wichtig (z.B. die Definition der Verantwortungsgrenzen der Komponente)?
Es gibt eine Komponente App und eine Komponente Rand aus einer externen Bibliothek, die eine Zufallszahl anzeigen. Es soll so gemacht werden, dass alle 3 Sekunden die Zufallszahl geändert wird, und ein Zähler für die Anzahl der Änderungen angezeigt wird. Alles nur in der Komponente App.
Du hast Docker selbst eingerichtet, richtig, verstehst du das?
Wenn du vor der Entscheidung stehst, Micro-Frontends zu implementieren oder ein Monolith zu verwenden, wie würdest du die Entscheidung treffen?
Erklären Sie das Muster des Hochziehens des Zustands (lifting state up) in React
Erklären Sie die Unterschiede zwischen diesen TypeScript-Utility-Typen und deren Anwendungsfällen: ```typescript type someType1<T extends object> = Partial<T>; type someType2<T extends object> = T[keyof T]; type someType3<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>; type SomeType4<T extends object, K extends keyof T = keyof T> = Omit<T, K> & Partial<Pick<T, K>>; ```
Was ändert sich in allen drei Fällen, wenn die Funktion eine Pfeilfunktion ist?
Wie war Ihr Code-Review-Prozess organisiert?
Haben Sie eine Überprüfung des von künstlicher Intelligenz generierten Codes durchgeführt?
React-Aufgabe (3 Unteraufgaben): 1) Das Bearbeitungsformular für den Benutzer reparieren — beim Klicken auf den Benutzernamen in der Liste soll der Name in das Eingabefeld des Bearbeitungsformulars eingefügt werden. 2) Das Bearbeitungsformular soll beim Eingeben von Text in das Suchfeld nicht neu gerendert werden (Optimierung mit React.memo). 3) Beim Auswählen eines Benutzers aus der Liste soll das Suchfeld zurückgesetzt werden.
Erzählen Sie mir mehr über die separate Schicht für API-Anfragen — wie sie aufgebaut war, was die Einheit der Beschreibung war?
RxJS-Aufgabe: Bestimmen Sie die Ausgabe bei Verwendung von combineLatest mit zwei Streams mit unterschiedlichen Verzögerungen. Was gibt forkJoin aus?
Wie haben Sie mit React gearbeitet: Welche Versionen sind Ihnen begegnet und haben Sie Klassenkomponenten verwendet? Worin unterscheiden sich Klassenkomponenten von funktionalen Komponenten?
Erzähle mir die Prinzipien der OOP
Ist useCallback hier notwendig? Wofür wird es verwendet und wann macht seine Verwendung keinen Sinn?
Zur Validierung von Formularen habe ich yup verwendet — welche anderen Validierungsbibliotheken hast du dir angesehen?