Frontend

Was wird die Ausgabe des folgenden Codes sein? ```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); ```

Erzählen Sie uns vom Entwicklungsprozess und Git-Flow in Ihrem Team. Wie ist der Code-Review-Prozess organisiert?

Was ist useEffectEvent und wozu ist es?

Wofür ist das Attribut key in React-Listen notwendig?

Welche State-Manager wurden verwendet? Warum ist Redux schlecht?

Wie behebt man das Problem des veralteten Closures in useCallback, ohne Abhängigkeiten in das Abhängigkeitsarray aufzunehmen?

Was sind Generics in TypeScript und wozu sind sie nützlich?

import { useState, useCallback } from 'react' const Komponente = () => { const [zähler, setZähler] = useState(0); const handleClick = useCallback(() => { console.log(zähler); }, []); return ( <div> <div onClick={() => setZähler((prev) => prev + 1)}>Zähler: {zähler}</div> <div onClick={handleClick}>Protokollieren</div> </div> ); };

Erzählen Sie mir von sich und Ihrer letzten Berufserfahrung.

Welche Sammler wurden verwendet, haben Sie eigene Konfigurationen geschrieben?

Was passiert, wenn Sie eine URL im Browser eingeben? Beschreiben Sie den Prozess von der DNS-Anfrage bis zur Darstellung der Seite.

import { useEffect, useLayoutEffect } from 'react'; export default function App() { console.log('1'); useEffect(() => { console.log('2'); }, []); useLayoutEffect(() => { console.log('3'); }, []); return <div>BCraft</div>; }

Was ist eine Closure in JavaScript? Geben Sie ein Beispiel.

Wie würden Sie das Leistungsproblem in einer React-Anwendung angehen, wenn ein Benutzer sich über Verzögerungen beschwert?

Was ist die Event Loop in JavaScript? In welcher Reihenfolge werden Aufgaben ausgeführt?

Wie geht man vor, wenn sich die Props aktualisiert haben und die vorherige Anfrage noch nicht abgeschlossen ist? Wie vermeidet man Race Conditions?

export const usePhoneMask = ({ mask, initialValue, maskPlaceholder, }: UsePhoneMaskParams): UsePhoneMaskReturn => { // Code hier };

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>; }