Frontend

Implementieren Sie eine neue Komponente SignupSuccess. Sie soll anstelle des Registrierungsformulars nach einer erfolgreichen Registrierung angezeigt werden.

Hat dir gefallen, mit Redux als Zustandsmanager für komplexe Formulare zu arbeiten?

Kennst du die Metrik FCP (First Contentful Paint)? Angenommen, wir haben eine React-Anwendung — ein soziales Netzwerk mit serverseitigem Rendering, und es gibt ein Problem: Wenn ein Benutzer direkt auf ein Profil zugreift, bleibt der weiße Bildschirm lange sichtbar. Kannst du die Schritte durchgehen — was passiert vom Moment, in dem der Benutzer Enter drückt, bis der erste Inhalt erscheint?

Erzähl mir ein bisschen über dich, woran du in der Programmierung interessiert bist, deine letzte Erfahrung, vielleicht hast du schwierige Sachen gemacht.

Wie würdest du das Caching auf der Client-Seite implementieren?

Komplexität der Aufgabe mit memoize: Damit die Funktion memoize als zweites Argument die Lebensdauer des Caches in Millisekunden erhält, nach deren Ablauf der Cache invalidiert wird.

console.log(1) setTimeout(() => { console.log(2) }, 10) setTimeout(() => { Promise.resolve().then(() => console.log(3)) }, 0); setTimeout(() => { console.log(4) }, 0); new Promise((_, reject) => { console.log(5) reject(6) console.log(7) }).then(() => console.log(8)) .catch(() => console.log(9)) .then(() => console.log(10)) .catch(() => console.log(11)) .then(() => console.log(12)) .then(console.log) .finally(() => console.log(13)) console.log(14)

Es gibt Code — man muss verstehen, was er macht, Code-Review durchführen: Welche Probleme gibt es und was kann verbessert werden.

Hast du vom Helper Promise.withResolvers gehört, der kürzlich in JavaScript erschienen ist? Du musst eine Entsprechung dafür anstelle der zweiten Zeile schreiben.

Wie stehst du zur Methodik FSD (Feature-Sliced Design)?

Wie funktioniert das Caching von Ressourcen im Browser — wie entscheidet der Browser, ob er aus dem Cache lädt oder neu lädt, und wie kann man das steuern? Welche Caching-Methoden gibt es, einschließlich Service Worker?

Kannst du ein paar Vor- und Nachteile von Redux nennen?

Auf der Seite gibt es eine Liste mit 5000 Produkten, die Seite hängt stark. Das Business bittet darum, etwas dagegen zu unternehmen. Was schlägst du vor?

Was passiert, wenn man das Attribut async an ein Skript im head setzt? Was ist der Unterschied zwischen async und defer?

Auf der Freundeseite und im Messenger werden ähnliche Informationen zu den Nutzern angezeigt. Es gibt zwei Optionen: Nutzer in lokalen Slices jeder Funktion zu speichern oder in einem globalen Store. Was sind die Vor- und Nachteile eines globalen Stores in diesem Fall?

Erzählen Sie von Ihren bisherigen Arbeitsstellen — was Interessantes haben Sie gemacht?

Wie kann man Daten aus einem Slice einer anderen Funktion (z.B. users slice) auf der Seite eines bestimmten Benutzers erhalten, ohne die Grenzen zwischen Modulen zu verletzen und ohne unnötige Anfragen zu stellen?

Welche Alternativen zu Redux kennst du und warum haben sie nicht seine Vorteile? Warum wird Redux gut getestet und die Kontexte nicht?

#React-Anmeldeformular 1. Erklären Sie, wie StateProvider funktioniert, teilen Sie Ihre Gedanken mit dem Interviewer. 2. Schauen Sie sich /src/api/mock an, erklären Sie, wie es funktioniert. 3. Überprüfen Sie die Farbe des SubmitButton und beheben Sie sie. 4. Implementieren Sie die Client-Formularvalidierung im Signup-Komponenten. (\*\*) Beachten Sie die Aufgabenstellung Nummer 9. Regeln: - Benutzername, E-Mail, Passwort und Wiederholen-Passwort-Felder sollten mindestens 6 Zeichen lang sein; - Passwort sollte mit Wiederholen-Passwort übereinstimmen; - Validierung sollte beim Klick auf "Registrieren" erfolgen; - Felder mit ungültigen Werten sollten markiert werden (error und helperText props); 6. Die API-Antwort kann einen Fehler enthalten, der dem Benutzer in der Nähe des entsprechenden Feldes angezeigt werden sollte. 7. Stellen Sie sicher, dass das UserName-Komponente den neuen Benutzernamen nach erfolgreicher Übermittlung rendert. 8. Implementieren Sie die neue SignupSuccess-Komponente. Sie sollte anstelle des Anmeldeformulars angezeigt werden. 9. Implementieren Sie serverseitige Validierung für die entsprechenden Felder.

Kannst du kurz über deine letzte Erfahrung sprechen und was du von einem neuen Job erwartest, was du in einer neuen Position suchst?