Frontend

Parlez-moi du mécanisme de recherche des variables en JavaScript (chaîne de portée / environnement lexical)

Parlez-moi de la boucle d'événements : pile d'appels, micro-tâches, macro-tâches.

Middle

ОТП Банк

Avez-vous des tests — unitaires, e2e — sur le projet?

Vous avez testé mille connexions via WebSocket — comment avez-vous procédé, comment s'est déroulé le test de charge?

Comment implémenter la recherche par valueChanges du champ de saisie avec une requête au backend : quels opérateurs RxJS utiliser et pourquoi ?

Comment fonctionne le routage dans Next.js?

Qu'est-ce que Composable dans Nuxt/Vue ? Peux-tu donner un exemple ?

Existe-t-il un moyen de traiter le formulaire autrement que par la soumission standard ? Comment envoyer un formulaire via JavaScript ?

import React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; const someFunc = (arr) => { return [...arr].sort((a, b) => a - b); }; const LazyInit = (props) => { const [arr, setArr] = useState(() => someFunc(props.arr)); const onClick = () => { setArr((prev) => prev.concat(prev.length + 1)); }; return ( <> <button onClick={onClick}> Increment </button> <ul> {arr.map((n, index) => <li key={index}>{n}</li>)} </ul> </> ); }; export default () => <LazyInit arr={[1, 2, 3]} />; --- La conversación a la derecha discute: - Uso de TypeScript con genéricos: "<T extends object, K extends keyof T>" - Verificación si los datos son una cadena con un guardia de tipo: "isString(data: unknown): data is string { ... }" - Uso de useState con una función para evitar re-ejecutar en cada render: ``` const [state, setState] = useState(getComplexData); // o const [state, setState] = useState(() => getComplexData()); ``` - La función pasada a useState solo se ejecutará una vez al montar el componente. - Advertencia sobre mutar el estado directamente en la línea 11 con prev.concat. --- La tarea técnica es analizar y posiblemente arreglar u optimizar el código del componente React, enfocándose especialmente en: - La inicialización perezosa adecuada del estado con useState. - Evitar la mutación directa del estado. - Entender los genéricos de TypeScript y los guardias de tipo. - Asegurar que el componente actualice el estado correctamente al hacer clic en el botón.

Middle+

IT One

Quelles sont les façons de déclarer des variables en JavaScript : var, let, const ? Quelles sont les différences ?

Expliquez le concept de chargement paresseux dans React et comment il peut améliorer les performances de l'application.

Middle+

Andersen

Parlez-moi de votre expérience professionnelle pertinente.

Parlez-moi des bugs les plus critiques de ces un ou deux dernières années. Qu'est-ce qui s'est passé et comment ont-ils été corrigés?

[nom] a demandé : tâche : il y a un input sur la page. Écris un code qui permet de sauvegarder la valeur saisie dans localStorage afin qu'après le rechargement de la page, la valeur soit restaurée.

Middle

OZON

Que se passera-t-il si dans useEffect sans tableau de dépendances, on appelle setState?

Comment te sens-tu par rapport au travail en bureau ? As-tu déjà travaillé en bureau ?

Que sera affiché dans la console et pourquoi?

Avec quels gestionnaires d'état avez-vous dû travailler et qu'aimez-vous, quels sont les avantages et inconvénients que vous voyez?

Quels sont vos projets professionnels pour les prochaines années ? La vie sans React ne sera-t-elle pas ennuyeuse ?

Où peut-on stocker l'état dans Vue ? Dans quels cas est-il préférable d'utiliser Pinia/Vuex, et dans quels provide/inject ?