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

Créer un rendu pur

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Si vous n'avez pas de rendu particulier à faire sur un composant, pourquoi demander un rendu ? Cette pratique vous permettra d'améliorer encore un peu la vitesse de votre application.
02:20

Transcription

Nous avons déjà parler de bloquer le rendu de certains composants. Ce qui est bien car il y a un plug-in et add-on pour cela. Cet add-on fera du PureRender. Qu'est-ce que le PureRender? Dans certains cas, vous aurez un bout de code comme celui-ci... qui ne va jamais changer, car ce bout de code qui va être rendu... ne sera jamais mis à jour. Ce sera juste un bout de code inclus quelque part pour sortir un menu ou sortir un titre, une partie de l'application, un découpé en plein de parties. Peu importe le contenu de l'application, ceci ne sera jamais rerendu. On n'aura pas un autre rendu de React, car rien ne changera dedans. Quand vous aurez à le faire, vous devez utiliser PureRenderMixin pour bloquer. Celui-ci dira qu'il y a toujours du début à la fin de la vie de notre application... le même html qui sera généré pour cette partie là. Ça veut dire qu'il est inutile de faire un rerendu de cette partie, il suffit juste d'utiliser html de départ. Ça c'est facile à utiliser. Comment ça marche si on est en ES6? En ES6, vous le mettrez ici this.shouldComponetUpdate. Souvenez-vous qu'on peut passer à foots, vous le mettrez ici avec cette partie. Ça vous permettra de dire qu'on ne rendra jamais ce composant... même si l'application change. Ce qui est bien car ça va compiler, chercher... et au début ça fera seul les rendus. Normalement, vous devez gagner en rapidité avec cela... car pour le coup, ça va vraiment bloquer l'update de ce composant là... et celui-ci sera toujours utiliser comme composant pure, c'est-à-dire du html. Même si on l'a stimulé au début, on sait qu'il ne changera pas dans l'application. Itulisez cet add-on, car c'est crucial de définir avant les composants... qui ne seront pas rendus par React quand ils sont en plus. On évitera de solliciter le moteur de rendu pour des choses inutiles. Faites-le car c'est très important.

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 !