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

72

Вазифаи ҳолатӣ: бояд саҳифаи боргирии файлҳои XML-ро аз сифр созед, сервер онҳоро бо вазифаҳои CPU-bound дар тӯли дарозмуддат коркард мекунад ва протоколро бармегардонад. Пеш аз навиштани код, аввалин қадамҳои шумо кадомҳоянд?

68

Вазифаи ҳолатӣ: боргирии ҳамоҳангии файлҳои XML-и калон ба борбардории CPU-bound овард, вақти тамом шудан ва қатъ шудани пайвастҳо. Чӣ гуна муносибати байни frontend ва backend-ро тағир медиҳед, то ки сервер ҷараёнро идора кунад ва корбар пешрафтро бинад?

36

Агар дар вақти сохтани марҷи муттаҳидӣ бо коди дигар таҳиягарон муноқишаҳо пайдо шаванд, чӣ мекунед ва чунин муноқишаҳоро дар оянда чӣ гуна кам мекунед?

34

Чӣ гуна муносибати асосӣ дар React ҳамчун намунаи меъморӣ аст? Чӣ гуна метавонад ба коди нишон додашуда татбиқ карда шавад?

32

Вазифаи ҳолатӣ: натиҷаи коркарда метавонад ҳазорҳо ё десятҳо ҳазор шарҳҳоро дар бар гирад; ҷавоб дароз мегирад ва браузер дар вақти рендеркунӣ монд мешавад. Шумо чӣ пешниҳод мекунед?

20

Оё таҷрибаи мигратсияи коди меросӣ доред, махсусан ба тадриҷ TypeScript-ро дар як лоиҳаи калон бе тестҳо ворид кардан?

14

Як компоненте монанд барои кор бо таърихҳо, ки 90% ниёзҳоро фаро мегирад, аммо дар props фарқ мекунад ва дорои услубҳои сахтшуда мебошад. Шумо чӣ гуна идома медиҳед?

14
/2