Voer een beoordeling uit van de React-component en los problemen in de code op. Leg uit waarom je in elk geval wijzigingen aanbrengt.
Frontend
Voor de waarden const a = null en const b = 0, bepaal de resultaten van uitdrukkingen met || en ??, en leg het verschil tussen de operators uit.
Voor een uitdrukking met de ||-operator, bepaal het resultaat. Hoe verschilt de ||-operator van de ??-operator en wanneer wordt ?? geactiveerd?
Wat is het verschil tussen unknown en any in TypeScript?
Had je een monorepository of aparte repositories voor applicaties en gedeelde bibliotheken?
Hoe race conditions voorkomen bij herhaalde asynchrone verzoeken vanuit useEffect? Welke native JavaScript-tools maken het mogelijk om verzoeken te annuleren?
Voor een tellerfunctie met closure, waarbij het bericht wordt gevormd voordat de increment wordt aangeroepen, bepaal wat er wordt weergegeven. Hoe kan de code worden gecorrigeerd zodat de actuele tellerwaarde wordt weergegeven?
Vertel ons hoe jouw micro-frontends georganiseerd waren, hun interactie en de werking van het systeem in het algemeen.
In het tweede fragment van React-code, vind en los problemen op met useEffect, useMemo, asynchroon laden van user/roles en het opslaan van berekende gegevens in de state.
Is useCallback hier nodig? Waarvoor wordt het gebruikt en wanneer heeft het geen zin om het te gebruiken?
Implementeer je eigen hulpfunctietype Pick<T, K>. Leg uit hoe gemapte types werken en hoe je een equivalent van Partial<T> kunt implementeren.
Als elke micro-frontend globale basisstijlen van Tailwind CSS toevoegt en deze worden gedupliceerd, heb je zo'n probleem gehad?
Als rollen standaard worden ingesteld als een lege array direct in de componentparameters, wat gebeurt er dan met useEffect bij elke rendering? Hoe los je dit op?
Hoe zou je de stijlisolatie voor elke micro-frontend organiseren, inclusief bij het gebruik van Tailwind CSS? Welke browserbenaderingen voor isolatie bestaan er?
Als een object wordt gemaakt met Object.create([object]), waar wijst zijn __proto__ naartoe?
Waarom zou je state moeten gebruiken in plaats van een gewone variabele voor een waarde die de weergave van het component beïnvloedt?
Hoe verschilt display: none van opacity: 0 in termen van renderboom, lay-out en de ruimte die het inneemt? Welke optie is efficiënter en waarom?
Voor een for-lus met var en setTimeout, bepaal wat er wordt weergegeven. Hoe kan de code worden aangepast zodat met var de waarden 1, 2, 3 worden weergegeven, in plaats van de uiteindelijke tellerwaarde?
Welke bronnen en fasen kunnen het laden en renderen van de pagina blokkeren? Kunnen afbeeldingen het laden blokkeren?
Los het TypeScript-probleem op: er is een Response-type met onderling uitsluitende velden payload en error, en hun types kunnen verschillen. Je moet de functies payloadFrom(response), die payload of undefined retourneert, en errorFrom(response), die error of undefined retourneert, typen, zodat de geretourneerde types automatisch worden afgeleid van de invoer Response.