Quelle sera la sortie du code suivant? ```javascript console.log(1); setTimeout(() => { console.log(2); }, 0); Promise.resolve().then(() => { console.log(3); }); console.log(4); setTimeout(() => { Promise.resolve().then(() => { console.log(5); }); }, 0); ```
Frontend
Qu'est-ce que useEffectEvent et à quoi sert-il?
À quoi sert l'attribut key dans les listes React?
Parlez-nous du processus de développement et de Git-flow dans votre équipe. Comment le processus de revue de code est-il organisé?
Quels gestionnaires d'état ont été utilisés ? Pourquoi Redux est-il mauvais ?
Comment résoudre le problème de closure obsolète dans useCallback sans ajouter de dépendances dans le tableau de dépendances?
import { useState, useCallback } from 'react' const Composant = () => { const [compteur, setCompteur] = useState(0); const handleClick = useCallback(() => { console.log(compteur); }, []); return ( <div> <div onClick={() => setCompteur((prev) => prev + 1)}>Compteur : {compteur}</div> <div onClick={handleClick}>Log</div> </div> ); };
Qu'est-ce que les génériques en TypeScript et à quoi servent-ils?
Parlez-moi de vous et de votre dernière expérience professionnelle.
Que se passe-t-il lorsque vous saisissez une URL dans le navigateur ? Décrivez le processus depuis la requête DNS jusqu'au rendu de la page.
Quels collecteurs avez-vous utilisés, avez-vous écrit vos propres configurations?
import { useEffect, useLayoutEffect } from 'react'; export default function App() { console.log('1'); useEffect(() => { console.log('2'); }, []); useLayoutEffect(() => { console.log('3'); }, []); return <div>BCraft</div>; }
Qu'est-ce qu'une fermeture en JavaScript ? Donnez un exemple.
Comment aborderiez-vous la résolution des problèmes de performance dans une application React si un utilisateur se plaint de ralentissements?
Qu'est-ce que la boucle d'événements en JavaScript ? Dans quel ordre les tâches sont-elles exécutées ?
export const usePhoneMask = ({ mask, initialValue, maskPlaceholder, }: UsePhoneMaskParams): UsePhoneMaskReturn => { // code ici };
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 ?
import { useState, useEffect } from 'react'; export default function App() { console.log('1'); useEffect(() => { console.log('2'); }, []); return <Child />; } function Child() { console.log('3'); useEffect(() => { console.log('4'); }, []); return <div>Bcraft</div>; }