00:00Bonjour à tous et bienvenue dans cette vidéo où, ça y est, on va, là pour le coup, modéliser notre
00:06applicatif React.
00:08Alors, si vous avez déjà vu les autres séries, vous la connaissez, cette modélisation, ce cro-bar.
00:15L'idée ici est de définir un petit peu ce qu'on va utiliser.
00:20Alors, on verra en détail, évidemment, mais déjà, comme beaucoup de frameworks, dans React, tout n'est que composant.
00:29Donc, on va utiliser des composants pour traverser nos différents éléments.
00:33Ces fichiers d'entrée, on va les voir en détail.
00:37Et puis, on va donc se faire notre partie publique, remplie de composants publics.
00:43Le public layout, aussi bien que l'admin layout, au final, n'est qu'un composant.
00:48Et puis, on aura nos pages Home, Cocktail, Contact, évidemment, il y a des navbars, des menus, il y aura
00:54d'autres éléments qui vont se glisser.
00:56Mais l'idée ici est de définir les pages qu'on va devoir construire.
01:02Pareil pour la partie admin.
01:04Je vous ai dit que cet applicatif est en deux parties.
01:08Il y a une partie publique, donc les pages qu'on peut consulter normalement.
01:12Et une partie dite admin, pour gérer les cocktails, qui, elle, est verrouillée.
01:16Il nous faut un identifiant, désidentifiant, pardon, pour pouvoir y aller.
01:21J'ai précisé ici, User, alors j'espère que ça va bien se voir, L pour Layout.
01:27Au final, certes, ce sont des composants, mais eux-mêmes sont des Layout.
01:30Et ça, on le verra quand on s'attaquera à cette partie.
01:34Et plus précisément, quand on s'occupera du routeur de React.
01:38Parce qu'il a des petites spécificités, ce routeur.
01:41Comme d'habitude, les routes, les routes front, il y en a beaucoup qui me disent
01:48« Ouais, mais ça ne correspond pas à ton API. »
01:50C'est les routes qu'on définit dans le front, quand on fait une petite modélisation comme ça.
01:54Ça n'a rien à voir avec les routes de l'API, l'autre applicatif,
01:58qui lui sert simplement à nous donner nos datas.
02:01Ou les enregistrer, ou les modifier.
02:04Qu'on soit bien d'accord, les routes front n'ont rien à voir avec les routes du bac.
02:08Donc ça, ce sont bien les routes front, c'est celles que je vais utiliser dans cet applicatif React
02:13pour naviguer dans mes différentes pages.
02:17Alors encore une fois, si vous avez l'habitude de regarder les séries de cette chaîne,
02:22vous connaissez ce montage.
02:24Au final, il commence à être un peu identique.
02:27Il y a des éléments qu'on met, par exemple ici, sur Cocktail, Index, Edit, Add, Delete.
02:32Évidemment, on ne va pas forcément tout mettre,
02:35mais c'est au fur et à mesure du développement de cet applicatif, de ce projet.
02:41On le verra ensemble et on essaiera de trouver des solutions
02:44pour éviter de créer tous ces trucs qui, au final, ne servent pas forcément à grand-chose.
02:50Voilà, donc une partie publique, une partie admin,
02:54un composant pour se loguer, évidemment.
02:57Derrière, il y aura des services, etc.
02:59pour toute la mécanique de discussion avec l'API
03:02et la mécanique d'authentification.
03:05Là aussi, on jouera avec le routeur.
03:08Et puis, voilà.
03:12Là, on a notre feuille de route, en quelque sorte.
03:15Donc, on va pouvoir démarrer notre applicatif.
03:18Et la prochaine vidéo, on va s'occuper d'installer React
03:22et de créer notre projet React.
03:24Merci.
03:24C'est parti !
Commentaires