Frontend
Avez-vous déjà rencontré des objets Set ? Quelle est leur particularité et pourquoi ont-ils été conçus ?
Y a-t-il des tests dans le projet?
Connais-tu les principes SOLID ? Parle-moi du principe d'inversion des dépendances (DIP)
Avec quelles hooks pouvons-nous stocker un état local dans React?
Faites un résumé : quels sont les trois problèmes qui ont été trouvés et corrigés dans l'application ?
Pourquoi est-il préférable de positionner absolument les suggestions pour le champ de saisie ?
Peux-tu expliquer pourquoi ce chiffre en particulier?
Avez-vous utilisé l'IA uniquement pour les tests et la documentation, ou avez-vous écrit quelque chose de sérieux à partir de zéro?
Connaissez-vous les concepts de cascade et de spécificité en CSS ? Quelles méthodologies aident à gérer la spécificité en équipe ?
Qu'est-ce que la fédération de modules et qu'est-ce qu'elle comprend?
import React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; export default () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("chaque rendu 1")); console.log("chaque rendu 2"); useEffect(() => { console.log("chaque rendu 3"); return () => { console.log(4); }; }, [count]); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Incrémenter </button> ); }
Comprenez-vous comment fonctionne Tailwind?
Qu'est-ce que le protocole WebSocket et en quoi consiste-t-il, quand l'utiliser?
Exercice TypeScript : il y a une classe Animal avec des méthodes move et bark, et une fonction process qui prend un animal de type Animal et appelle sa méthode bark. Y aura-t-il une erreur TypeScript ? Comment réduire correctement le type ? Comment écrire un type guard ?
Quels types de données existent en JavaScript ? En quoi les primitives diffèrent-elles des objets ? Comment sont-ils stockés en mémoire ?
Était-ce une architecture en micro-frontends?
Où peut-on utiliser interface, mais ne pas utiliser type?
Avez-vous travaillé avec Docker et CI/CD dans le contexte du développement frontend?
Composants composés + React Context → transmission de formEntity via le fournisseur dans Form et consommation dans FormItem. Form enveloppe ses enfants dans FormContext.Provider, et FormItem utilise cloneElement pour injecter value et onChange dans Input. Piège : assurez-vous que FormItem transmet le nom au gestionnaire de mise à jour. ```javascript const Form = ({ children, formEntity }) => ( <FormContext.Provider value={formEntity}>{children}</FormContext.Provider> ); const FormItem = ({ name, children }) => { const { state, handlers } = useContext(FormContext); return React.cloneElement(children, { value: state[name], onChange: (e) => handlers.updateValues({ name, value: e.target.value }), }); }; ```
Quelle est la différence entre les directives v-if et v-show?