Maak blokken rood, blauw en grijs met alleen CSS (zonder de structuur te wijzigen, zonder omhulsels toe te voegen). De blokken moeten volgens het voorbeeld op de afbeelding worden gerangschikt. Je kunt stijlen toewijzen aan de container en de blokken zelf.
Implementeer een mapper-functie die gegevens (source), velden (fields), filter (filter) en sortering (order) accepteert. Het is noodzakelijk: de parameters te valideren (fields moet een array zijn, source/filter/order zijn functies, de velden in fields moeten aanwezig zijn in de gegevens), de gegevens op te halen via source(), te filteren via filter, te sorteren via order en alleen de gevraagde velden uit fields terug te geven.
Gebruik alleen de DOM API (zonder React, via document), schrijf code waarbij klikken op een van de rechthoeken de kleur ervan weergeeft. Het is aan te raden om één event handler voor alle elementen te gebruiken. Wat is het verschil tussen event.target en event.currentTarget?
Voer een code review uit van een React-component die gegevens wisselt, een stringfunctie aanroept en een lijst weergeeft. Vind en corrigeer alle fouten en problemen (async in useEffect, ontbreken van afhankelijkheidsarray, gebruik van index als key, enz.).
Implementeer de run-methode van de Queue-klasse zodat de implementatie overeenkomt met het gebruiksvoorbeeld. De run-methode moet de meegegeven asynchrone functies achtereenvolgens uitvoeren. De volgende functie in de wachtrij mag pas worden aangeroepen nadat next is aangeroepen. Als er een fout optreedt in een van de functies, worden de volgende functies niet aangeroepen. Methoden moeten chaining ondersteunen.
Schrijf een React-component met een knop 'Toevoegen'. Bij het klikken op de knop 'Toevoegen' wordt er een nieuwe knop met een volgnummer toegevoegd. Bij het klikken op de aangemaakte knop wordt deze verwijderd. Verwijdering moet correct werken (niet op index, maar op een unieke identificator).
Implementeer de functie asyncFilter, die een array van getallen en een asynchrone predicaatfunctie accepteert, en een gefilterde array teruggeeft. Bijvoorbeeld, met invoer [1, 2, 3] en een functie die alleen oneven getallen laat passeren, moet de uitvoer [1, 3] zijn.
