Frontend

Егер функция useEffect тәуелділік массивінде қолданылса, оны useCallback-қа орау керек пе?

useMemo не үшін пайдаланылады? Фронтендте қандай ауыр есептеулер болуы мүмкін?

git fetch пен git pull арасындағы айырмашылық неде?

[аты] өзіне және фронтенд дамыту тәжірибесіне шолу жасады.

React hook useRef не үшін пайдаланылады?

useEffect не үшін пайдаланылады? HTTP сұрауларыдан басқа мысалдар келтіріңіз.

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

Фронтенд компоненттерін әзірлегенде SOLID қағидаттарын қалай қолдандыңыз?

Кеңседе жұмыс істеуге дайынсыз ба?

2016 жылдан 2021 жылға дейін логистика саласындағы тәжірибеңіз туралы қысқаша айтып беріңіз: не істедіңіз?

React-те компоненттік тәсіл архитектуралық үлгі ретінде не болып табылады? Ол көрсетілген кодқа қалай қолданылуы мүмкін?

Егер merge сұрауын жасағанда басқа әзірлеушінің коды мен қақтығыстар табылса, не істейсіз және болашақта осындай қақтығыстарды қалай азайтасыз?

useLayoutEffect-ті қолдандыңыз ба және ол useEffect-тен қалай айырмашылығы бар?

useCallback және useMemo не үшін пайдаланылады және бұл hook-тарды шамадан тыс қолданудың кемшілігі неде?

Git rebase-ті қолдандыңыз ба?

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

Күндермен жұмыс істеу үшін ұқсас компонент бар, ол қажеттіліктің 90%-ын қамтиды, бірақ props-та айырмашылығы бар және қатты кодталған стильдерді қамтиды. Қалай жалғастырар едіңіз?

"Жоғары жүктемелі интерфейстерді жасау" терминін қалай түсінесіз?

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

Жағдайлық тапсырма: өңдеу нәтижесінде мыңдаған немесе он мыңдаған ескертулер болуы мүмкін; жауап ұзақ уақыт алады және браузер рендерлеу кезінде тұрып қалады. Не ұсынасыз?