Frontend

Wenn eine Funktion im Abhängigkeitsarray von useEffect verwendet wird, sollte sie in useCallback eingewickelt werden?

Wofür wird useMemo verwendet? Welche schweren Berechnungen können im Frontend sein?

[name] hat über sich selbst und seine Erfahrung in der Frontend-Entwicklung gesprochen.

Was ist der Unterschied zwischen git fetch und git pull?

Sind Sie bereit, in einem Büro zu arbeiten?

Wofür wird der React-Hook useRef verwendet?

Wofür wird useEffect verwendet? Geben Sie Beispiele neben HTTP-Anfragen.

Wie haben Sie die SOLID-Prinzipien bei der Entwicklung von Frontend-Komponenten angewendet?

Situationsaufgabe: Das synchrone Hochladen großer XML-Dateien führte zu CPU-bound-Überlastung, Timeouts und Verbindungsabbrüchen. Wie ändern Sie die Interaktion zwischen Frontend und Backend, damit der Server den Datenfluss bewältigt und der Benutzer den Fortschritt sieht?

Wenn bei der Erstellung eines Merge-Requests Konflikte mit dem Code eines anderen Entwicklers gefunden werden, was werden Sie tun und wie diese Konflikte in Zukunft minimieren?

Haben Sie mit useLayoutEffect gearbeitet und wie unterscheidet es sich von useEffect?

Erzählen Sie kurz von Ihrer Erfahrung in der Logistik von 2016 bis 2021: Was haben Sie gemacht?

Was ist der komponentenbasierte Ansatz in React als architektonisches Muster? Wie kann er auf den gezeigten Code angewendet werden?

Wofür werden useCallback und useMemo verwendet, und was ist der Nachteil ihrer übermäßigen Nutzung?

Was verstehen Sie unter dem Begriff "Erstellung hochbelasteter Schnittstellen"?

Haben Sie git rebase verwendet?

Situationsaufgabe: Sie müssen eine Seite zum Hochladen von XML-Dateien von Grund auf neu erstellen, der Server verarbeitet sie mit CPU-bound-Aufgaben über einen längeren Zeitraum und gibt ein Protokoll zurück. Was sind Ihre ersten Schritte vor dem Schreiben des Codes?

Es gibt eine ähnliche Komponente für die Arbeit mit Daten, die 90% der Bedürfnisse abdeckt, aber sich in Props unterscheidet und fest codierte Stile enthält. Wie würden Sie vorgehen?

Haben Sie Erfahrung mit der Migration von Legacy-Code, insbesondere der schrittweisen Einführung von TypeScript in ein großes Projekt ohne Tests?

import { useEffect, useState } from "react"; export const TaskList = ({ api, filter }) => { const [tasks, setTasks] = useState([]); const [newTitle, setNewTitle] = useState(""); useEffect(() => { api.getTasks(filter).then((res) => setTasks(res)); const interval = setInterval(() => { api.getTasks(filter).then((res) => setTasks(res)); }, 3000); }, [filter, api]); const addTask = () => { tasks.push({ id: Date.now(), title: newTitle, status: "active" }); setTasks(tasks); setNewTitle(""); }; return ( <div style={{ padding: 10 }}> <input value={newTitle} onChange={(e) => setNewTitle(e.target.value)} /> <button onClick={addTask}>Add Task</button> <div>Active: {tasks.filter((t) => t.status === "active").length}</div> <ul> {tasks.map((task) => ( <li key={task.title} style={{ color: task.status === "done" ? "gray" : "black" }} > {task.title} </li> ))} </ul> </div> ); };