Créez des blocs rouge, bleu et gris en utilisant uniquement CSS (sans modifier la structure, sans ajouter de conteneurs). Les blocs doivent être disposés conformément à l'exemple sur l'image. Vous pouvez définir des styles pour le conteneur et pour les blocs eux-mêmes.
Implémentez une fonction mapper qui prend des données (source), des champs (fields), un filtre (filter) et un tri (order). Il est nécessaire : de valider les paramètres (fields doit être un tableau, source/filter/order sont des fonctions, les champs de fields doivent être présents dans les données), d'obtenir les données via l'appel à source(), de filtrer via filter, de trier via order et de ne retourner que les champs demandés dans fields.
Effectuez une revue de code du composant React qui effectue un changement de données, appelle une fonction de chaîne et affiche une liste. Trouvez et corrigez toutes les erreurs et problèmes (async dans useEffect, absence de tableau de dépendances, utilisation de l'index comme clé, etc.).
En utilisant uniquement l'API DOM (sans React, via document), écrivez un code où un clic sur n'importe quel rectangle affiche sa couleur. Il est conseillé d'utiliser un seul gestionnaire d'événements pour tous les éléments. Quelle est la différence entre event.target et event.currentTarget ?
Implémentez la méthode run de la classe Queue de manière à ce que l'implémentation corresponde à l'exemple d'utilisation. La méthode run doit exécuter séquentiellement les fonctions asynchrones qui lui sont passées. La fonction suivante dans la file d'attente ne peut être appelée qu'après l'appel de next. Si une erreur se produit dans l'une des fonctions, les fonctions suivantes ne sont pas appelées. Les méthodes doivent supporter la chaîne d'appels (chaining).
Écrivez un composant React avec un bouton Ajouter. Lorsqu'on clique sur le bouton Ajouter, un nouveau bouton avec un numéro d'ordre est ajouté. Lorsqu'on clique sur le bouton créé, il est supprimé. La suppression doit fonctionner correctement (pas par index, mais par identifiant unique).
Implémentez la fonction asyncFilter, qui prend un tableau de nombres et une fonction prédicat asynchrone, et renvoie un tableau filtré. Par exemple, avec l'entrée [1, 2, 3] et une fonction qui laisse passer uniquement les nombres impairs, la sortie doit être [1, 3].
