Frontend

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?

Si vous déclarez une fonction, puis une variable, sera-t-elle accessible à l'intérieur de la fonction ? Expliquez le hoisting des variables et la zone morte temporaire.

Comment diviseriez-vous l'état du serveur et du client?

Vous avez mentionné le développement d'une bibliothèque de composants UI réutilisables basée sur Angular Material. Y a-t-il une différence fondamentale entre les composants de la bibliothèque et les composants multifonctionnels normaux de l'application ? Qu'est-ce qu'on peut négliger dans les composants normaux mais pas dans ceux de la bibliothèque ?

Middle

Госуслуги

Connais-tu le concept d'"accordéon" ? Comment peut-on réaliser ce composant sans JavaScript ?

Comment le principe d'Inversion de Dépendances est-il implémenté dans Angular ? Qu'est-ce qu'un InjectionToken ?

Listez les hooks React avec lesquels vous avez travaillé. Expliquez la différence fondamentale entre useState et useRef.

Pouvez-vous énumérer toutes les solutions techniques à ce problème (sauf remplacer le champ par un signal) ?

/* Que sera affiché dans la console */ async function f() { console.log(1); const promise = new Promise((resolve) => { console.log(2); setTimeout(() => { console.log(3); resolve("Prêt!"); console.log(4); }); }); console.log(5); const result = await promise; console.log(6); console.log(result); return "Résultat"; } f(); console.log(7);

Dans quelle équipe travaillez-vous et sur quel projet?

SSG est généré lors de la build, SSR lors de la requête. Quand utiliser l'un ou l'autre ? Qu'est-ce que l'ISR ?

Pourquoi avez-vous utilisé computed pour filtrer les tarifs, plutôt que des variables ou des fonctions ordinaires?

Middle+

Рунити

Remplissez la matrice 5×5 avec des nombres entiers aléatoires uniques de 0 à 1000.

Pourquoi ne peut-on pas ajouter d'erreurs dans la fonction any via push, mais doit-on les écrire par indice?

Middle+

Яндекс 360

Quels protocoles votre application utilisait-elle pour communiquer avec le backend?

Middle+

Альфа-Банк

Vous recevez une tâche : après 10-15 minutes de travail, la page commence à ralentir fortement, il faut corriger cela. Quelles seront vos premières démarches?

Tâche : Créer une page avec un tableau multifonctionnel de cryptomonnaies. Il faut se connecter à l'API et afficher la liste des monnaies dans le tableau. Exigences minimales : Projet créé de zéro Only Typescript Se connecter à l'API Tri par valeurs dans la colonne Recherche par valeurs dans les cellules (fonctionne selon le principe ET logique) Tâches supplémentaires : Pagination personnalisée Styles minimaux (aspect agréable et soigné) Recherche globale dans toutes les cellules Possibilité de fixer des colonnes

Avez-vous des gardes (on-call) et comment sont-elles organisées?