Frontend

Jei funkcija naudojama useEffect priklausomybių masyve, ar ji turėtų būti apvyniojama į useCallback?

Kam naudojamas useMemo? Kokie sunkūs skaičiavimai gali būti frontend'e?

Kuo skiriasi git fetch nuo git pull?

[vardas] kalbėjo apie save ir savo patirtį frontend kūrime.

Kam naudojamas React hook useRef?

Kam naudojamas useEffect? Pateikite pavyzdžių, išskyrus HTTP užklausas.

Situacinė užduotis: sinchroninis didelių XML failų įkėlimas sukėlė CPU-bound perkrovą, laikmačius ir atjungimus. Kaip pakeistumėte sąveiką tarp frontend ir backend, kad serveris valdytų srautą ir naudotojas matytų pažangą?

Kaip taikėte SOLID principus kuriant frontend komponentus?

Trumpai papasakokite apie savo patirtį logistikos srityje nuo 2016 iki 2021 metų: ką darėte?

Ar dirbote su useLayoutEffect ir kaip jis skiriasi nuo useEffect?

Kas yra komponentų pagrindu veikiantis požiūris React kaip architektūrinis modelis? Kaip jis gali būti taikomas parodytam kodui?

Kam naudojami useCallback ir useMemo, ir koks yra jų per didelio naudojimo trūkumas?

Ar esate pasiruošęs dirbti biure?

Ar naudojote git rebase?

Jei kuriant merge request aptinkate konfliktus su kito kūrėjo kodu, ką darysite ir kaip tokius konfliktus sumažinsite ateityje?

Situacinė užduotis: reikia nuo nulio sukurti puslapį XML failų įkėlimui, serveris juos ilgai apdoroja CPU-bound užduotimis ir grąžina protokolą. Kokie yra jūsų pirmieji žingsniai prieš rašant kodą?

Yra panašus komponentas darbui su datomis, kuris apima 90% poreikių, bet skiriasi props ir turi hardcoded stilius. Kaip tęstumėte?

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

Ką suprantate pagal terminą "aukšto apkrovos sąsajos kūrimas"?

Ar dirbote su žemėlapių programėlėmis frontend'e?