Frontend

K čemu slouží hook useRef v Reactu?

[jméno] mluvil o sobě a svých zkušenostech ve frontend vývoji.

Jaký je rozdíl mezi git fetch a git pull?

Pokud je funkce použita v poli závislostí useEffect, měla by být zabalena do useCallback?

Situační úkol: synchronní nahrávání velkých XML souborů vedlo k CPU-bound přetížení, timeoutům a odpojením. Jak změnit interakci mezi frontendem a backendem tak, aby server zvládal tok a uživatel viděl pokrok?

Na co slouží useCallback a useMemo, a jaké je nevýhoda jejich nadměrného používání?

Situační úkol: musíte vytvořit stránku pro nahrávání XML souborů od začátku, server je dlouhodobě zpracovává pomocí CPU-bound úkolů a vrací protokol. Jaké jsou vaše první kroky před psaním kódu?

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

Co je přístup založený na komponentách v Reactu jako architektonický vzor? Jak jej lze aplikovat na ukázaný kód?

Pracoval jste s useLayoutEffect a jak se liší od useEffect?

Jak jste při vývoji frontendových komponent aplikovali principy SOLID?

Na co slouží useEffect? Uveďte příklady kromě HTTP požadavků.

Poskytněte zpětnou vazbu o službě z odkazu pozvánky: jaké jsou vaše dojmy?

Co chápete pod pojmem "vytváření vysokozátěžových rozhraní"?

Pracoval jste s mapovacími aplikacemi ve frontendu?

Pokud při vytváření merge requestu dojde ke konfliktům s kódem jiného vývojáře, co uděláte a jak takové konflikty v budoucnu minimalizujete?

Jste ochotni pracovat v kanceláři?

Kde se geograficky nacházíte a bylo by vám pohodlné dojíždět do kanceláře?

Máte zkušenosti s migrací legacy kódu, zejména postupným zaváděním TypeScriptu do velkého projektu bez testů?

Existuje podobná komponenta pro práci s daty, která pokrývá 90 % potřeb, ale liší se v props a obsahuje hardcoded styly. Jak byste postupoval?