Top ! Pour info, :has semble être défini comme une pseudo-classe "fonctionnelle", tout comme :not, :is ou encore :where. Quoiqu'il en soit, on est bien d'accord qu'on l'utilise uniquement sur un sélecteur-parent ? Merci Enzo
Tout est exact dans ce que tu viens de dire. 👏 On croit souvent, à tort, que les pseudo classes servent seulement à gérer des états (:hover, :focus) mais certaines permettent de sélectionner des éléments ou d'affiner des sélections. Et oui, on l'utilise sur un parent, c'est là toute la nouveauté de cette pratique.
Super. Merci Enzo. Merci pour cette nouvelle méthodologie et la petite info concernant la pertinence d'utiliser une fonction nommée dans un addEventListener() plutôt que d'écrire toute la fonction à l'intérieur. L'effet final est tout à fait sympathique au demeurant. +++
Merci pour ce video. Quels sont les avantages de passer des props d'un composant parent à un composant enfant plutôt que de les coder directement dans le composant enfant?
bien sûr c'est pour rire ! je faisais référence au pubs d'arnaques sur internet qui te disait "felicitation vous êtes le 1000ième visiteurs cliquer sur l'offre pour le recevoir"
Interessant comme d’hab, merci ! C’est tout con mais fallait y penser 😅 Question : du coup à chaque scroll ça réécrit le translate, est-ce que le navigateur est suffisamment intelligent / optimisé pour qu’il n’y ait pas de problème de performance ? Ou faudrait-il garder un état comme quoi on scrollait déjà dans la même direction ?
On utilise la propriété performante translate, donc aucun soucis de ce côté-là. Ce qui peut être dommageable est l'utilisation d'un évènement "global" pour ça. C'est à dire qu'à chaque pixel scrollé, une fonction callback est exécutée sur le thread JS principal. Ce n'est pas une mauvaise pratique per se, mais il faut faire attention à ne pas trop en rajouter et à bien optimiser le code dans ces callbacks.
Merci🎉🎉🎉🎉🎉🎉 Ouffff... Super vidéo. J'étais dans problème de position dans une nav et ta vidéo m'a aidé. Dans une nav, j'ai deux div que j'ai voulu placer l'autre à gauche et l'autre à droite. Mais quand j'applique left, ça passait pas. Je sais que tes explications vont bien m'aider.
Trop 🎉🎉 cool 👍🏼 et vraiment intéressant, et si on voulait ajouter avec ce même exemple afficher en bas de chaque image quelques infos ou description de façon statique, par exemple le nom et le prix si Mes images était des articles articles.. Merci d'avance.. j'ai plus appris ici qu'à l'école 🎉🎉
Bonjour Enzo je viens d'acheter ton cours sur Next.JS. J'aurais une question avant de commencer à bosser dessus, j'ai crée une application entièrement en REACT avec vite et je me demande si c'est compliqué de faire une mise à jour vers NEXT.JS.
Allez un petit Wiki pour hamburger : « Hamburger » fait référence à la ville de Hambourg, en Allemagne. Il n'existe aucun rapport étymologique entre le hamburger et le jambon (en anglais : ham), puisque le nom de la ville de Hambourg a une étymologie différente. Il est courant en Allemagne de nommer les spécialités culinaires selon leur ville d'origine.
Du coup l'event Listener ajouté n'est pas retiré? Il ne risque pas de rester et qu'on se retrouve avec des doublon d'eventListener pour un survole plusieurs fois?
Top Enzo comme d'habitude, stp la formation next JS on attend toujours la mise a jour complète. Merci grâce à toi je prends plaisir à monter en compétences 🎉🎉🎉🎉
Superbe. Merci. Moi qui crée actuellement un site e-commerce et qui réfléchissais à comment implémenter cela avec les produits, tu n'aurais pas mieux choisi comme timing pour moi. Good job. Je suis surpris de voir que c'est juste quelques lignes de codes qui me permet de faire cet effet. Thanks a lot !
Vraiment excellente. Le petit plus sur le will-change (depuis, j'avais oublié qu'elle existait) est juste génial ! c'est comme si toutes ces propriétés CSS avait été créées pour ce tutoriel. Tous fonctionnent parfaitement ensemble. Et n'oublions pas cette astuce pour rendre le grid un peu plus responsive-friendly. Parfait 👌👌
Pour MDN j'utilise la version japonaise, comme ça je sais pourquoi je ne comprends rien. Le pire est quand on passe de la version française à la version anglaise et que l'on voit s'afficher "Deprecated", alors que ça fait 3 jours qu'on bosse avec la fonctionnalité en question.