Frontend

Parle-moi de React, à quel point as-tu été confronté à ses subtilités internes ? Qu'as-tu utilisé ?

Pourquoi ne peut-on pas appeler des hooks React à l'intérieur de conditions, de boucles ou de fonctions imbriquées ?

Quels props faisaient-ils dans les composants du système de conception ? Mettaient-ils en place des props pour l'avenir ou seulement ce qui est nécessaire maintenant ?

Middle+

Рунити

Lors de l'analyse du HTML, si les scripts sont placés en haut de la page, bloquent-ils le chargement ultérieur de la page ou non?

Quelle est la différence entre les composants contrôlés et non contrôlés en React?

Pour un fragment de code avec le tableau [1, 2, 3], appels à map(item => item * 2) et filter(item => item > 3), déterminez ce que console.log affichera. Est-ce que map et filter modifient le tableau d'origine?

Implémentez une fonction `debounce` qui prend en charge une invocation immédiate au début d'une série d'événements (`leading`), une invocation en fin de série par défaut, et une méthode `debounceFunc.cancel()` pour annuler l'appel programmé.

Parlez-moi de la fonction inject dans Angular — à quoi elle sert et en quoi elle est meilleure que la transmission de dépendances via le constructeur?

Middle

Госуслуги

Parlez des hooks du cycle de vie d'Angular : ngOnChanges, ngOnInit, ngDoCheck, ngAfterContentInit, ngAfterContentChecked, ngAfterViewInit, ngAfterViewChecked et ngOnDestroy.

Middle+

Т-Банк

Analyse du code en RxJS : que s'affichera dans la console si le code utilise catchError et l'opérateur of pour gérer l'erreur ?

Écrivez une implémentation abstraite du composant Child avec mémoïsation via React.memo. Quel est le deuxième argument que React.memo accepte?

Middle+

IT One

Comment gérer une situation où les props ont été mises à jour et la requête précédente n'est pas encore terminée ? Comment éviter une condition de course ?

Comment optimiser le chargement des images ? Quels attributs et éléments HTML sont utilisés à cet effet ?

Dis-moi, s'il te plaît, concernant tes attentes salariales : le minimum en dessous duquel tu ne souhaites pas communiquer avec nous, et un niveau confortable.

Regardez le code fourni du hook useTagFilter, identifiez la cause du bug (les cases à cocher n'affichent pas visuellement l'état sélectionné), indiquez quels autres problèmes vous voyez et proposez comment vous le réécririez.

Parlez-moi d'une tâche difficile et mémorable à laquelle vous avez été confronté ces dernières années.

Middle

Бюро 1440

Parle-moi de l'architecture : pourquoi monolithique, et avec quels types d'architecture frontend es-tu familier ?

Codage en direct : implémentez une fonction $ (similaire à jQuery), qui prend un sélecteur CSS valide et trouve les nœuds correspondants. La fonction doit retourner un objet avec les méthodes addClass, toggleClass, removeClass, css (application de styles), html (insertion de HTML/CSS à l'intérieur de l'élément) — avec la possibilité de chaîner les appels. Le code de test en chaîne fourni ne doit pas être modifié et doit fonctionner après l'implémentation de la fonction.

/** * @param {Array} prev * @param {Array} next * @param {(item: any) => string} keyFn * @returns {{ added: Array, removed: Array }} */ export function diffGeneric(prev, next, keyFn) { // écrivez le code ici return { added: [], removed: [] }; } // prev = [1,2,3,4,6] // next = [2,3,4] // added = [] // removed = [1,6]

Depuis combien de temps travaillez-vous avec TypeScript et à quoi sert TypeScript dans les projets?

Middle+

Аэрофлот