Frontend
In welchem Zeitraum sind sie bereit, mit der Arbeit zu beginnen?
Warum kann man den State in React nicht direkt ändern? Zum Beispiel, state.count = 5.
// Erstellen Sie einen Typ, der die gleichen Felder wie Delivery enthält, // aber alle Felder sind optional (können den Wert undefined haben) und können ihre Werte nicht ändern.
Erzählen Sie uns von der Verwendung von NX im Projekt und warum es gewählt wurde
Erzählen Sie uns den grundlegenden Unterschied zwischen Angular als Framework und React als Bibliothek.
Verwendet React einen imperativen oder deklarativen Ansatz? Was ist der Unterschied?
Wie funktioniert die Destrukturierung reaktiver Werte in Vue und wie bleibt die Reaktivität bei der Destrukturierung erhalten?
Erzählen Sie mir von Ihrer Berufserfahrung: In welchen Teams haben Sie gearbeitet, welche Positionen hatten Sie, welche Fälle waren mit Architekturdesign und technischen Entscheidungen verbunden?
Berichten Sie von Ihrer Erfahrung bei Code-Reviews. Worauf haben Sie geachtet? Welche häufigen Fehler sind Ihnen begegnet?
Wie kann man die Aufgabe withTimeout alternativ mit Promise.race lösen? Was ist Promise.race, wie unterscheidet es sich von Promise.all?
Was sind XSS-Angriffe?
Wozu dienen Portale in React?
Kenntnisse in Datenbanken und Arbeit mit APIs
Was ist reconciliation in React?
Erzähle über Promise: Status, statische Methoden (all, allSettled, any, race).
Daten zu Büchern und ihren Autoren abrufen. Daten in einer paginierten Liste mit 10 Büchern pro Seite anzeigen im Format: <Buchtitel> - <Autor> api: [Link] Spezifikation: [Link] Wenn Swagger nicht geöffnet wird, im Stammverzeichnis sber-c55-books-mock-1.0.1-oas3.1-resolved.yaml const PAGE_SIZE = 10; export default function App() { const [books, setBooks] = useState([]) const [page, setPage] = useState(1); const [loading, setLoading] = useState(false) useEffect(() => { setLoading(true); fetch('[Link]') .then((res) => res.json()) .then((data) => { setBooks(data); setLoading(false); }) .catch(() => setLoading(false)); }, [page]); const totalPage = Math.ceil(books.length / PAGE_SIZE); const start = (page - 1) * PAGE_SIZE; const currentBooks = books.slice(start, start + PAGE_SIZE); return ( <div className="App"> {loading && <p>Laden...</p>} <ul> {currentBooks.map((book, index) => ( <li key={index}>{book.title} - {book.author}</li> ))} </ul> <div> <button disabled={page === 1} onClick={() => setPage(page - 1)}> Zurück </button> <button disabled={page === totalPage} onClick={() => setPage(page + 1)}> Weiter </button> </div> </div> ); } Fehler korrigieren und die paginierte Anzeige einer Buchliste mit Autoren implementieren.
Was interessiert dich am meisten: Bestehende Projekte verbessern, neue Funktionen entwickeln, mit dem Backend interagieren oder an der Optimierung arbeiten?
Erkläre, wie die Event Loop funktioniert — was sind Mikroaufgaben, Makroaufgaben und ihre Priorisierung.
Es gibt eine React-Komponente mit einem Input. Wir klicken auf die Schaltfläche „Input anzeigen“ und der Input erscheint, erhält aber keinen Fokus. Das muss behoben werden. Schlage so viele Lösungen wie möglich vor.
Wie funktioniert die Replikation der Datenbank (Master-Slave)? Wie wird der Load Balancer Anfragen an verschiedene Server mit unterschiedlichen Datenbanken weiterleiten?