Frontend

Na čo slúži hook useRef v Reacte?

[meno] hovoril o sebe a svojich skúsenostiach vo frontend vývoji.

Na čo slúžia useCallback a useMemo, a aký je nevýhodu ich nadmerného používania?

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

Situácia: musíte vytvoriť stránku na nahrávanie XML súborov od nuly, server ich spracováva s CPU-bound úlohami dlhú dobu a vracia protokol. Aké sú vaše prvé kroky pred písaním kódu?

Pracovali ste s useLayoutEffect a ako sa líši od useEffect?

Na čo slúži useEffect? Uveďte príklady okrem HTTP požiadaviek.

Situačný úkol: synchronné nahrávanie veľkých XML súborov viedlo k CPU-bound preťaženiu, timeoutom a odpojeniam. Ako by ste zmenili interakciu medzi frontendom a backendom, aby server zvládal tok a používateľ videl pokrok?

Aký je rozdiel medzi git fetch a git pull?

Čo chápete pod pojmom "tvorba vysokozáťažových rozhraní"?

Poskytnite spätnú väzbu o službe z odkazu pozvánky: aké sú vaše dojmy?

Ak sa funkcia používa v poli závislostí useEffect, mala by byť zabalená do useCallback?

Ste ochotný pracovať v kancelárii?

Ako ste pri vývoji frontendových komponent aplikovali princípy SOLID?

Ak pri vytváraní merge requestu nájdete konflikty s kódom iného vývojára, čo urobíte a ako minimalizujete takéto konflikty v budúcnosti?

Použili ste git rebase?

Kde sa geograficky nachádzate a či by vám bolo pohodlné dojíždieť do kancelárie?

Čo je prístup založený na komponentách v React ako architektonický vzor? Ako ho možno aplikovať na ukázaný kód?

Pracovali ste s mapovacími aplikáciami vo frontend?

Situačný úkol: výsledok spracovania môže obsahovať tisíce alebo desaťtisíce poznámok; odpoveď trvá dlho a prehliadač sa zasekne počas vykresľovania. Čo navrhujete?