Frontend

Si une fonction est utilisée dans le tableau de dépendances de useEffect, doit-elle être enveloppée dans useCallback ?

À quoi sert useMemo ? Quelles calculs lourds peuvent être sur le frontend ?

[nom] a parlé de lui-même et de son expérience en développement frontend.

Quelle est la différence entre git fetch et git pull ?

À quoi sert le hook useRef de React ?

Comment avez-vous appliqué les principes SOLID lors du développement de composants frontend?

Tâche situationnelle : le téléchargement synchrone de gros fichiers XML a entraîné une surcharge CPU-bound, des délais d'attente et des déconnexions. Comment modifier l'interaction entre frontend et backend pour que le serveur gère le flux et que l'utilisateur voit la progression ?

Avez-vous travaillé avec useLayoutEffect et en quoi diffère-t-il de useEffect ?

Qu'est-ce que l'approche basée sur les composants en React en tant que modèle architectural ? Comment peut-elle être appliquée au code montré ?

À quoi servent useCallback et useMemo, et quel est l'inconvénient de leur utilisation excessive ?

Avez-vous utilisé git rebase ?

Tâche situationnelle : vous devez créer une page pour télécharger des fichiers XML à partir de zéro, le serveur les traite avec des tâches CPU-bound pendant longtemps et renvoie un protocole. Quelles sont vos premières démarches avant d'écrire du code ?

Êtes-vous prêt à travailler dans un bureau?

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

Parlez brièvement de votre expérience en logistique de 2016 à 2021 : que faisiez-vous ?

Il existe un composant similaire pour travailler avec les dates qui couvre 90% des besoins mais diffère dans les props et contient des styles codés en dur. Comment procéderiez-vous?

Si des conflits avec le code d'un autre développeur sont trouvés lors de la création d'une merge request, que ferez-vous et comment minimiserez-vous ces conflits à l'avenir?

Que comprenez-vous par le terme "création d'interfaces à haute charge"?

À quoi sert useEffect ? Donnez des exemples en dehors des requêtes HTTP.

Avez-vous travaillé avec des applications de cartographie en frontend?