Frontend

Waarvoor wordt de React hook useRef gebruikt?

[naam] sprak over zichzelf en zijn ervaring in frontend-ontwikkeling.

Waarvoor worden useCallback en useMemo gebruikt, en wat is het nadeel van overmatig gebruik van deze hooks?

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> ); };

Situationele taak: je moet een pagina maken voor het uploaden van XML-bestanden vanaf nul, de server verwerkt ze met CPU-bound taken voor lange tijd en retourneert een protocol. Wat zijn je eerste stappen voordat je code schrijft?

Wat is de componentgebaseerde aanpak in React als architectuurpatroon? Hoe kan het worden toegepast op de getoonde code?

Heb je met useLayoutEffect gewerkt en hoe verschilt het van useEffect?

Waarvoor wordt useEffect gebruikt? Geef voorbeelden naast HTTP-verzoeken.

Situationele taak: synchrone upload van grote XML-bestanden leidde tot CPU-bound overload, timeouts en verbroken verbindingen. Hoe zou je de interactie tussen frontend en backend aanpassen zodat de server de stroom aankan en de gebruiker de voortgang ziet?

Geef feedback over de service via de uitnodigingslink: wat zijn je indrukken?

Wat is het verschil tussen git fetch en git pull?

Wat versta je onder de term "het maken van high-load interfaces"?

Als een functie wordt gebruikt in de afhankelijkhedenlijst van useEffect, moet deze dan worden gewikkeld in useCallback?

Hoe heb je de SOLID-principes toegepast bij het ontwikkelen van frontend-componenten?

Ben je bereid om op kantoor te werken?

Als er conflicten worden gevonden met de code van een andere ontwikkelaar bij het maken van een merge request, wat doe je en hoe minimaliseer je dergelijke conflicten in de toekomst?

Heb je gewerkt met mappingapplicaties in frontend?

Waar woon je geografisch en zou het comfortabel voor je zijn om naar het kantoor te reizen?

Heb je git rebase gebruikt?

Er is een vergelijkbare component voor het werken met data die 90% van de behoeften dekt, maar verschilt in props en bevat hardcoded stijlen. Hoe zou je verder gaan?