Sobes.tech

Жағдайлык тапшырма: чоң XML файлдарын синхрондуу жүктөө CPU-bound жүктөмгө, убакыттын өтүшүнө жана байланыштын үзүлүшүнө алып келди. Фронтенд жана бекенд ортосундагы өз ара аракетти кандай өзгөртөсүз, сервер агымын башкаруу жана колдонуучу прогрессин көрүү үчүн?

94

useCallback жана useMemo эмне үчүн колдонулат жана бул hook-тарды ашыкча колдонгондо кандай кемчилик болот?

80

Жағдайлык тапшырма: нөлдөн XML файлдарын жүктөө үчүн баракча түзүшүңүз керек, сервер узак убакыт бою CPU-bound тапшырмалары менен иштейт жана протоколду кайтарат. Код жазуудан мурун биринчи кадамдарыңыз кандай?

78

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

74

Reactте компоненттерге негизделген жакындык архитектуралык үлгү катары эмне? Ал көрсөтүлгөн кодго кандай колдонулушу мүмкүн?

74

2016-жылдан 2021-жылга чейин логистикадагы тажрыйбаңыз жөнүндө кыскача айтып бериңиз: эмне кылдыңыз?

66

Эгер merge сураныч түзүүдө башка иштеп чыгуучунун коду менен кагылышуулар табылса, эмне кыласыз жана мындай кагылышууларды келечекте кантип минималдаштырасыз?

62
/2