Frontend

Quels méthodes statiques de Promise connais-tu ? Parle-moi d'elles.

Middle+

IT One

Écrivez une fonction getUserProfile qui prend un userId en argument et récupère le profil utilisateur depuis le point de terminaison API "[lien] La fonction doit enregistrer le profil utilisateur si la récupération est réussie, et enregistrer un message d'erreur si la récupération échoue.

Middle+

IT One

import React, { useState, useEffect, useLayoutEffect } 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 ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Incrémenter </button> ); } // montage -> chaque rendu 2, chaque rendu 1, chaque rendu 3 // mise à jour -> chaque rendu 2, chaque rendu 1, chaque rendu 3 // démontage 4

Middle+

IT One

Qu'est-ce qu'un Set ? Que pouvons-nous passer comme argument lorsque nous appelons new Set ?

Middle+

IT One

const S = { id: 1, name: "Ivan", age: "39", tel: [phone] }; function getParam(obj, key) { return obj[key]; } getParam(S, "tel"); getParam(S, "job");

Middle+

IT One

Les let et const (hoisting) sont-ils levés ? Que se passe-t-il lorsqu'on y accède avant leur déclaration ?

Middle+

IT One

É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

Écrivez ce qui se passera lors du premier rendu — dans quel ordre les console.log seront affichés. Que se passera après le clic?

Middle+

IT One

Qu'est-ce qu'un WeakSet?

Middle+

IT One

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

Qu'est-ce qu'une fermeture ?

Middle+

IT One

Il existe trois sources de données renvoyant la même information. Comment obtenir la réponse de la plus rapide?

Middle+

IT One

Quelle est la différence entre Map et WeakMap?

Middle+

IT One

Parle-moi du hook useState en React.

Middle+

IT One

Comment crée-t-on des fonctions en JavaScript ? Quelles sont les méthodes pour créer des fonctions et quelles sont leurs différences ?

Middle+

IT One

Pourquoi ne peut-on pas utiliser un constructeur new avec des fonctions fléchées?

Middle+

IT One

Quels types utilitaires de TypeScript utilisez-vous dans votre travail ? Parlez de Record, Pick, Omit, Partial, Required, Parameters, Exclude, Extract.

Middle+

IT One