Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

L'essentiel de React.js

Prendre en main le pattern Flux

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Découvrez le pattern qui fait du bruit ! Voyez comment conserver les données à un seul endroit et apprenez à les modifier à l'aide d'un procédé ingénieux.
03:38

Transcription

On a fini avec les principes de base de React. J'espère que vous êtes assez à l'aise sinon vous pouvez toujours regarder, re-regarder les vidéos parce que, il faut re-regarder. On va parler de quelque chose de très important dans le monde react. C'est flux. Flux, c'est un pattern. Attention, ce n'est pas vraiment un framework c'est vraiment un pattern, c'est-à-dire c'est une façon de faire les choses, qui a été amené avec la conception de React. Pourquoi ? Parce que on va souvent parler d'applications qui vont grossir au fur et à mesure. Il faut savoir que flux c'est ce qui est utilisé par Facebook actuellement sur les applications front end généralement, celles créées avec le framework react. Vous allez entendre parler, quand vous allez commencer à travailler sur flux, un peu plus après ces vidéos, vous allez entendre parler de redux. Il faut savoir que vous n'avez pas besoin de Redux. Oui vous pourrez pousser, vous pourrez aller voir ce que c'est redux et comment on l'utilise mais moi je vais vous faire une introduction à la philosophie des patterns flux parce que redux se base là-dessus et amène des concepts supplémentaires. Il faut savoir que redux est un petit peu compliqué à mettre en place, alors que le pattern flux en lui-même, est très simple à mettre en place. C'est quoi, concrètement, le pattern flux ? Flux part d'un principe : les données vont être stockées dans ce qu'on appelle un store. Le store généralement, va être de la donnée brute comme ce qu'on pouvait avoir dans notre application par exemple ce qu'on avait sur le state. Et ce store-là est censé ne pas bouger. On peut quand même le modifier mais c'est de la donnée. Et cette donnée-là, on est censé pouvoir travailler avec donc il faut quand même faire évoluer la donnée à l'intérieur mais rien ne peut venir le détruire ou ne peut venir vraiment le dissocier de ce qu'il était au départ. C'est un store unique dans lequel on va stocker les données. Toutes les données de l'application. Et tout ce qui est interface utilisateurs autour va pouvoir utiliser ce store. Comment est-ce que ça va être utilisé ? Ça va être utilisé avec des actions qui vont être appelées sur un dispatcher. Ce dispatcher va prendre l'action en cours, la dispatcher, faire ce qu'il y a à faire et modifier le store qui va être renvoyé à la vue. En fait, ça doit toujours passer par une action dispatch et le dispatch va savoir quoi faire sur le store qui va le renvoyer à la vue. Alors, où se trouve pour nous, développeur react, l'intérêt ? L'intérêt c'est d'avoir un store unique de données, d'avoir un dispatcher unique et d'avoir des actions multiples qu'on peut effectuer, au travers du dispatcher, sur le store. Notre vue et notre state seront synchronisés avec le store. À chaque fois qu'on appellera une action, ça appellera le dispatcher qui modifiera le store qui sera rendu sur la view. Ça permet d'avoir quelque chose d'un peu plus sympa, de faire évoluer l'application au fur et à mesure, et surtout d'avoir un seul endroit particulier dans l'appli où on va effectuer des actions. Ce qui est bien c'est que de la vue on peut renvoyer une action qui va redispatcher, et ainsi de suite. C'est vraiment un pattern extrêmement intéressant quand on veut travailler avec des applications. On sait que ces applications vont grossir dans le temps. Avec ce système-là, on va pouvoir ajouter des actions au fur et à mesure sans vraiment détruire le comportement de base et toujours en se basant sur un dispatcher qui va être le point d'entrée final, vers le store, vers la vue. Pensez-y parce que c'est vraiment très intéressant à mettre en place sur des projets. On va parcourir un peu ce qui est possible de faire avec et puis je vais vous montrer sur un projet particulier-- pas celui qu'on avait, on verra ça à la fin --sur un petit projet particulier comment on implémente le pattern flux.

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 :
React.js React.js 15.3.2
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 !