Frontend

Care va fi ieșirea următorului cod? ```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); ```

Spune-ne despre procesul de dezvoltare și Git-flow în echipa ta. Cum este organizat procesul de revizuire a codului?

La necesitatea atributului key în listele React?

Ce este useEffectEvent și la ce folosește?

Ce gestionare de stare au fost folosite? De ce este rău Redux?

Cum se rezolvă problema closure-ului învechit în useCallback fără a adăuga dependențe în array-ul de dependențe?

Ce sunt genericele în TypeScript și la ce folosesc?

import { useState, useCallback } from 'react' const Componente = () => { const [contor, setContor] = useState(0); const handleClick = useCallback(() => { console.log(contor); }, []); return ( <div> <div onClick={() => setContor((prev) => prev + 1)}>Contor: {contor}</div> <div onClick={handleClick}>Înregistrați</div> </div> ); };

Spuneți-ne despre dvs. și despre ultima dvs. experiență de muncă.

Ce se întâmplă atunci când introduceți un URL în browser? Descrieți procesul de la solicitarea DNS până la redarea paginii.

Ce colectori ați folosit, ați scris configurații proprii?

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

Ce este o închidere în JavaScript? Oferiți un exemplu.

Cum ai aborda rezolvarea problemelor de performanță într-o aplicație React dacă un utilizator se plânge de întârzieri?

Ce este Event Loop în JavaScript? În ce ordine sunt executate sarcinile?

Cum să gestionezi situația în care props s-au actualizat și cererea anterioară nu s-a încheiat încă? Cum să eviți condițiile de cursă?

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

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