Frontend

Ja funkcija tiek izmantota useEffect atkarību masīvā, vai tā būtu jāiepakot useCallback?

Kam paredzēts useMemo? Kādas smagas aprēķini var būt frontendā?

[vārds] runāja par sevi un savu pieredzi frontend izstrādē.

Kāda ir atšķirība starp git fetch un git pull?

Vai esat gatavs strādāt birojā?

Kam paredzēts React hook useRef?

Kam paredzēts useEffect? Sniedziet piemērus, izņemot HTTP pieprasījumus.

Kā jūs piemērojāt SOLID principus, izstrādājot frontend komponentes?

Situācijas uzdevums: sinhrona liela XML failu augšupielāde noveda pie CPU-bound pārslodzes, laika ierobežojumiem un atvienojumiem. Kā mainītu interakciju starp frontend un backend, lai serveris pārvaldītu plūsmu un lietotājs redzētu progresu?

Ja, veidojot merge pieprasījumu, tiek atrasti konflikti ar cita izstrādātāja kodu, ko darīsiet un kā mazināsiet šādus konfliktus nākotnē?

Vai esat strādājis ar useLayoutEffect un kā tas atšķiras no useEffect?

Īsi pastāstiet par savu pieredzi loģistikā no 2016. līdz 2021. gadam: ko jūs darījāt?

Kas ir komponentu balstīta pieeja React kā arhitektūras modelis? Kā to var piemērot parādītajam kodam?

Kam paredzēti useCallback un useMemo, un kāds ir pārmērīgas šo hooku lietošanas trūkums?

Ko jūs saprotat ar terminu "augstas slodzes saskarnes"?

Vai esat izmantojis git rebase?

Situācijas uzdevums: jums jāizveido lapa XML failu augšupielādei no nulles, serveris tos ilgstoši apstrādā ar CPU-bound uzdevumiem un atgriež protokolu. Kādi ir jūsu pirmie soļi pirms koda rakstīšanas?

Ir līdzīgs komponents darbam ar datumiem, kas sedz 90% vajadzību, bet atšķiras props un satur hardcoded stilus. Kā jūs rīkotos?

Vai jums ir pieredze ar mantojuma koda migrāciju, īpaši pakāpeniski ieviešot TypeScript lielā projektā bez testiem?

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