L'essentiel de React.js

Explorer les évènements possibles

Testez gratuitement nos 1257 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Une page liste tous les évènements sur React.js. Pour ne pas passer à côté de cette liste, faites-en le tour ici.
04:22

Transcription

Dans le guide de React... je vous conseille vivement de mettre l'accent sur les références que voilà. Il y a plein de choses très intéressantes. Mais le plus intéressant c'est l'Event System. Il vous permettra d'avoir à l'intérieur d'une documentation assez propre... tous les événements possibles par un élément qui a été géré par React. Evidement, quand vous retrouverez un élément react... c'est pas les mêmes évéments que sur un élément provenant de html pure. Bien sûr on a les preventDefault, is DefaultPrevented, stopPropagation, etc. Mais il y a aussi des timeStamp, type, cancelable, bubbles... qui permettent de savoir si c'est quelque chose qui sera utilisé comme message. Attention! On a pas les mêmes événements. On vous montre dans le document sur un onClick l'événement qui est passé. On vous montre ce qu'il y a. Ici au début c'est un objet nullifié, l'événement de base. Or si on récupère event.type on a le click. On a donc certaines données qu'on a pas sur l'event. Il faut aller les récuperer. Faites bien attention à ce document si vous voulez avancer en React... car vous aurez vraiment toutes les informations possibles. Les événements du clavier, les événements au focus... les événements de formulaire et vous voyez qu'on peut utiliser ces éléments. Ça vous permettra de savoir exactement ce qu'on peut utiliser et où. Si vous êtes un peu perdu en vous disant il y a des événements html... mais comment les utiliser directement dans React? Voilà comment les utilser. Vous aurez aussi énormément d'événements sur la souris. On peut récupérer le onDoubleClick pour savoir si ça a été double-cliqué ou pas. On peut aussi récupérer des drag qui sont absolument utilisables. Le drag c'est prendre un élément et le déplacer. On peut donc faire beaucoup de choses. Il faut quand même aller regarder, car c'est pareil. Ici la map des événements qu'on aura sur la souris ou sur le clavier... au-dessus n'est pas la même. Elle a été bien redéfinie et reférencée ici. Jetez-y un coup d'oeil quand vous aurez quelque chose à faire. J'attire aussi votre attention sur cette partie. React est un framework touchable. On peut y utiliser les Touch. Il s'agit d'aller toucher avec du doigt sur une tablette par exemple. On peut aussi utiliser des TouchMove et des TouchEnd... c'est quand je commence à bouger quelque chose pendant que je touche. C'est aussi bien car on pourra utiliser les swipe quand on a une image... ou un slider avec des images qui vont pouvoir défiler c'est aussi possible. On a des événements sur le Scroll et sur la molette de la souris... bien qu'avec les track pad ça devient un petit peu obsolète... mais il y a quand même encore assez de molette... sachant qu'on a aussi sur les track pad le comportement molette. Le onWheel fonctionnera donc avec ça... et sur les médias aussi, car vous pouvez utiliser les médias en html5... et les vidéos et on a des événements qu'on peut utiliser en React... sur les images aussi, on a onLoad, onError... qui sont bien quand on a une image qui ne se charge pas il y a une erreur. On a donc un événement React sur lequel on peut se câbler. N'hésitez pas à les consulter, car on y retrouve tous les événements possibles. Vous verrez que React, niveau événementiel dans votre interface... est très dense et offre assez d'options. Gardez donc cette documentation... qui aurait pu passer à la trappe et c'est pourquoi je vous la montre. Ici il y a tout et vous ne pourrez être bloquer dans votre application. Tout est défini dans ce document et se trouve dans la partie doc... plus bas ici dans les références... précisément dans Event System.

L'essentiel de React.js

Exploitez pleinement React.js ! Créez des composants web complexes rapidement, découvrez leurs relations ainsi que leurs cycles de vie, passez en revue la navigation, etc.

3h28 (49 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :27 oct. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !