Frontend

Wat is het verschil tussen gecontroleerde en uncontrolled componenten in React? Wanneer is het beter om uncontrolled componenten te gebruiken?

Bepaal de uitvoervolgorde in de console voor de code met async/await en setTimeout.

De ontwikkelaar ontvangt een JWT-token na het inloggen. Wat moet hij ermee doen? Waar is het beter om de token op te slaan — in localStorage of in een cookie? Hoe sla je de token op in een cookie?

Wordt de component opnieuw gerenderd als er geen props zijn?

Stel dat je geen ID's ontvangt van de backend. Hoe zou je daarmee omgaan?

Er is een array van gebruikers die via map worden weergegeven. Waar ligt de fout en wat ontbreekt hier?

Waarom is een state-manager (bijvoorbeeld Redux) beter dan gewoon opgesplitste contexten?

Hoe beveilig je de somfunctie als de backend onjuiste gegevens kan sturen (undefined, strings in plaats van getallen)?

Alles is correct gedaan: de backend heeft een HTTP-only cookie ingesteld. Maar bij het vernieuwen van de pagina verdwijnen de cookies. Wat kan het probleem zijn?

Er zijn twee componenten: App en Child. Child bevindt zich binnenin App en is ingepakt in memo. In App is er een object user dat als prop aan Child wordt doorgegeven, en een knop die count verandert. Wat gebeurt er als je op de knop klikt? Hoe voorkom je dat Child opnieuw gerenderd wordt?

Waarom zijn RTK Query of React Query beter dan gewoon fetch voor verzoeken? Hoe weet de frontend wanneer het gegevens moet bijwerken?

Bepaal de uitvoervolgorde in de console voor de code met setTimeout en Promise (opdracht over de Event Loop).

Two Sum-opdracht: gegeven een array van getallen en een doelgetal target. Vind de indices van twee getallen waarvan de som gelijk is aan target. Wat is de complexiteit van jouw oplossing?

Met welke problemen wordt een beginnende ontwikkelaar geconfronteerd die een grote useContext voor de hele applicatie heeft gemaakt en deze in alle componenten gebruikt? Welke tools kunnen helpen om dit probleem te omzeilen?

Tabulaire gegevens komen van de backend in de vorm van een array van objecten. Schrijf een functie om de som van het veld amount te berekenen.

Hoe ga je om met een functie die als prop wordt doorgegeven aan een kindcomponent om onnodige her-renderingen te voorkomen?

Waarvoor dient de sleutel (key) eigenlijk in lijsten in React?