L'essentiel de React.js

Explorer les solutions alternatives

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Il existe certaines alternatives à react-router. Partez à la découverte d'autres librairies qui peuvent être utiles selon les cas d'utilisation.
04:53

Transcription

On a vu tout ce qu'il y avait à voir avec le react router. Mais ce n'est pas uniquement le seul composant ou le seul du moins, la seule implémentation qui existe pour faire du routing sous react. Evidemment, c'est la plus utilisée. C'est vrai que, vous verrez, le react routing est vraiment le plus utilisé et le react router est très souvent mis dans les projets react. C'est celui qui sera le plus utilisé. Réellement. Mais il y a d'autres alternatives, notamment si vous avez de petits projets à faire. React router component par exemple propose une autre implémentation un peu plus simple, où vous allez déclarer toutes vos routes, directement et ça va ressembler à peu près à ce qu'on a fait avec le react router mais c'est un peu plus simple à utiliser. Par contre il ne proposera pas de pouvoir faire des alliages de routes comme on avait défini dans notre projet tout en bas. C'est vrai qu'ici on avait la possibilité de faire des routes imbriquées. Vous ne pourrez pas forcement le faire sur le react router component mais ça permet quand même de faire un peu plus de choses, notamment il ya un peu moins de hash routing. Le hash routing c'est avec le dièse. Et il y a des choses assez intéressantes sur ce router component. Je vous conseille de regarder de ce côté-là, ça peut être intéressant. Il y en a un autre qui existe c'est le react-mini-router. Je vous conseille de n'utiliser le mini-router que si vous avez une toute petite application à faire. Pourquoi ? Parce que vous allez absolument tout définir dans une application. Vous définirez une application, attention, là c'est l'écriture ancienne de react mais on fait un createClass et ici à l'intérieur, vous allez définir les routes, puis ensuite le render et puis enfin tous les différents templates. C'est comme ça que ça va fonctionner. Ce sont les templates qui vont être définis directement. Vous verrez qu'à chaque fois, on va faire mapper une route, un path, avec ce qu'on souhaite retourner. Et ce qu'on souhaite retourner ce sera des fonctions qui seront définies en-dessous. Donc ça c'est pas mal, c'est vraiment un mini router. Son nom implique exactement ce que c'est. Concrètement c'est un mini router et ça veut dire qu'on va utiliser ça pour de tout petits projets. C'est bien pour les one page application, les applications sur une seule page. On n'a pas grand chose à faire. Je vous en montre deux autres qui sont ce qu'on appelle : "framework-agnostic" Ça veut dire qu'on peut les utiliser avec tout. Bien sûr on va pouvoir les utiliser avec react mais pas que, on peut les utiliser avec tout un tas de choses. Notamment, on va avoir universal router. L'universal router va être une implémentation qui va ressembler un peu à ce que vous pouvez connaître si vous avez déjà utilisé du express ou du koa. Notamment, ça va être une définition des routes dans une constante avec tout un set de routes. On va définir à chaque fois le path l'action, qu'est-ce que ça fait. Est-ce que ça renvoi à un template, ou pas ? Ça s'utilise avec tous les frameworks disponibles du marché et notamment, on va citer les plus utilisés : react, vue .js etc... Donc, ça s'utilise avec tout. Bien sûr, ça se codera aussi en bubble donc en gsx et puis on pourra faire ce qu'on veut dedans. Ça va ressembler à ce qu'on a fait mais ça va être un peu plus poussé puisque ce sera du rendu, généralement serveur. Donc ça va fonctionner sur un serveur, attention, et non pas, directement dans le client. Vous pourrez faire un tour sur l'universal c'est pas trop mal. Je vous en montre un dernier et on aura fait le tour des solutions alternatives au simple react router. On a le router five, le router cinq. Je vais vous montrer la home. Voilà, ça ressemble à ça. Concrètement, ici c'est un peu la même chose, mais alors c'est poussé de chez poussé. Concrètement, celui-ci aussi est complètement framework-agnostic vous pourrez l'utiliser un peu avec tout ce qu'on veut. Ils ont entièrement redéfini ce que ça devait être. C'est un projet qui, à mon sens, est un petit peu trop gros pour uniquement faire du routing mais il est vrai que c'est très puissant puisqu'on va pouvoir faire des transitions. Passer de l'un à l'autre avec des chemins un peu différents à chaque fois. Et là, ça va être extrêmement rapide, ils ont vraiment créé un système complet. Si vous avez une grosse application à créer, dans quel cas va-t-on utiliser ce genre de framework qui sont vraiment framework-agnostic pour le coup, pour concevoir les routes ? Quand un client n'est pas décidé. Est-ce qu'il va prendre du vue ou est-ce qu'il va prendre du react ? On pourra tout simplement créer le système de routing qui pourra être réutilisé avec ce qu'on veut et on aura vraiment quelque chose de puissant. On n'a pas encore parlé de redux, mais c'est vrai qu'il y a aussi une implémentaiton redux route five qui permettra de placer absolument toutes les routes, sur un store-- on va revoir ça un peu après --et qui permettra encore d'accélérer la navigation. Voilà les quatre projets existants qui sont généralement recommandés. On va vous dire que si vous avez des petites applications à faire : react router ou le react-mini-router et si vous n'avez pas encore vraiment décidé quelle sera la solution js que vous allez mettre, derrrière, pour implémenter la vue : universal router ou route five, et ça vous permettra de concevoir le routing, toute la navigation de votre plateforme sans avoir à vous soucier de ce qui sera mis devant pour la vue.

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 !