Frontend

Wat wordt de output van de volgende code? ```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); ```

Wat is useEffectEvent en waar is het voor nodig?

Vertel ons over het ontwikkelproces en Git-flow in jouw team. Hoe is het code review proces georganiseerd?

Waarvoor is het key attribuut in React-lijsten nodig?

Welke state-managers werden gebruikt? Waarom is Redux slecht?

Hoe los je het probleem van verouderde closure in useCallback op zonder afhankelijkheden toe te voegen aan de afhankelijkhedenlijst?

Wat zijn generics in TypeScript en waarom zijn ze nodig?

import { useState, useCallback } from 'react' const Component = () => { const [aantal, setAantal] = useState(0); const handleClick = useCallback(() => { console.log(aantal); }, []); return ( <div> <div onClick={() => setAantal((prev) => prev + 1)}>Aantal: {aantal}</div> <div onClick={handleClick}>Log</div> </div> ); };

Vertel iets over jezelf en je laatste werkervaring.

Welke verzamelaars heb je gebruikt, heb je je eigen configuraties geschreven?

Wat gebeurt er als je een URL in de browser invoert? Beschrijf het proces vanaf de DNS-query tot het weergeven van de pagina.

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

Wat is een closure in JavaScript? Geef een voorbeeld.

Hoe zou je het oplossen van prestatieproblemen in een React-toepassing aanpakken als een gebruiker klaagt over vertragingen?

Wat is de Event Loop in JavaScript? In welke volgorde worden taken uitgevoerd?

Hoe ga je om met de situatie wanneer props zijn bijgewerkt en de vorige aanvraag nog niet is voltooid? Hoe voorkom je 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>; }