Si una función se usa en el array de dependencias de useEffect, ¿debería envolverse en useCallback?
Frontend
¿Para qué se usa useMemo? ¿Qué cálculos pesados pueden estar en el frontend?
¿Cuál es la diferencia entre git fetch y git pull?
[nombre] habló sobre sí mismo y su experiencia en desarrollo frontend.
¿Para qué se usa el hook useRef de React?
¿Para qué se usa useEffect? Proporcione ejemplos además de las solicitudes HTTP.
Tarea situacional: la carga síncrona de archivos XML grandes provocó sobrecarga CPU-bound, tiempos de espera y desconexiones. ¿Cómo cambiar la interacción entre frontend y backend para que el servidor maneje el flujo y el usuario vea el progreso?
¿Cómo has aplicado los principios SOLID al desarrollar componentes frontend?
¿Estás dispuesto a trabajar en una oficina?
Cuéntanos brevemente sobre tu experiencia en logística de 2016 a 2021: ¿qué hiciste?
¿Qué es el enfoque basado en componentes en React como patrón arquitectónico? ¿Cómo puede aplicarse al código mostrado?
Si se detectan conflictos con el código de otro desarrollador al crear una solicitud de merge, ¿qué harás y cómo minimizarás estos conflictos en el futuro?
¿Has trabajado con useLayoutEffect y en qué se diferencia de useEffect?
¿Para qué se usan useCallback y useMemo, y cuál es la desventaja de su uso excesivo?
¿Has utilizado git rebase?
Tarea situacional: necesitas crear una página para subir archivos XML desde cero, el servidor los procesa con tareas intensivas en CPU durante mucho tiempo y devuelve un protocolo. ¿Cuáles son tus primeros pasos antes de escribir código?
Hay un componente similar para trabajar con fechas que cubre el 90% de las necesidades pero difiere en props y contiene estilos codificados. ¿Cómo procederías?
¿Qué entiendes por el término "crear interfaces de alta carga"?
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> ); };
Tarea situacional: el resultado del procesamiento puede contener miles o decenas de miles de comentarios; la respuesta tarda mucho tiempo y el navegador se cuelga durante la renderización. ¿Qué sugieres?