Sobes.tech

Frontend

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

Վիճակագրական խնդիր՝ ձեզ անհրաժեշտ է զրոյից ստեղծել XML ֆայլերի բեռնման էջ, սերվերը երկար ժամանակ մշակում է դրանք CPU-bound առաջադրանքներով և վերադարձնում է պրոտոկոլ: Ինչ են ձեր առաջին քայլերը նախքան կոդ գրելն?

68

Վիճակագրական խնդիր՝ մեծ XML ֆայլերի սինխրոն բեռնաթափումը հանգեցրեց CPU-bound ծանրաբեռնվածության, ժամանակային սահմանափակումների և կապի ընդհատումների: Ինչպե՞ս փոխել փոխազդեցությունը frontend և backend միջև, որպեսզի սերվերը կառավարի հոսքը և օգտվողը տեսնի առաջընթացը:

64

Եթե ֆունկցիան օգտագործվում է useEffect-ի կախվածությունների ցանկում, պետք է այն փաթեթավորել useCallback-ով?

50

Եթե մի merge request ստեղծելիս հայտնաբերվում են հակասություններ այլ ծրագրավորողի կոդի հետ, ինչ করবেন և ինչպես նվազեցնեք նման հակասությունները ապագայում?

40

Ի՞նչ է React-ում կոմպոնենտների վրա հիմնված մոտեցումը որպես ճարտարապետական նմուշ: Ինչպես այն կարող է կիրառվել ցուցադրված կոդին:

32

Վիճակագրական խնդիր՝ մշակման արդյունքը կարող է պարունակել հազարավոր կամ տասնյակ հազարավոր նկատողություններ; պատասխանն երկար ժամանակ է պահանջում, և բրաուզերը կախվում է ռենդերի ժամանակ: Ինչ եք առաջարկում?

22
/2