 Est-ce que vous avez eu Wifi ? C'est bon, on ferme les connexions. Si vous avez vu dans l'espace de pause, chacun a un code Wifi normalement. Et sinon, avec la carte-projet, peut-être que ça va faire passe. A tout à fait 40 ans, tout le temps, nous, on fera bien très précis. Merci. C'est bon, c'est bon. Tu vois, le mode est juste de whiteboard. C'est pas dans ta peau, Thomas. Sinon, je vais le faire. C'est chiant, c'est possible. Donc, c'est Thomas, Thomas l'un qui fait du premier atelier. Il crée un thème avec les actriesses. Et donc, je pense qu'il y a un peu de base en galacite. Ce sera plus passif pour démarrer. JavaScript, donc depuis quelques années dans le monde noir presse et réacte, c'est devenu de plus en plus important. Matt Mullerwag avait donné justement des conseils en disant qu'au mieux que la communauté, maintenant, ça va être de plus en plus à JavaScript. Et là, vous êtes plus entendu parler d'arrivé à Blitemberg. Et donc, voilà, ce sont des petits choses qui se rajoutent en JavaScript à notre partie CMS de Wifi. Donc, c'est un peu ça. C'est ça. C'est slide. Est-ce que tout le monde m'entend bien pour ça ? C'est normal. C'est un problème. Mais si tu ne vois pas pas, tu te dis de monter la boîte. Non, mais là, il n'y a pas de soucis. En atelier, on démarre de l'accent. C'est un petit peu de retard, mais tant pis. J'avais à démarrer un thème avec Réal.js. Et là, je l'ai rapproché en mettant en bord près, c'est la FJS. Parce qu'on va voir qu'en fait, ça marche avec, mais ça peut marcher sans. On va pas le demander. C'est un petit histoire de comment on arrive. La problématique de pourquoi on démarre un thème en Réal.js. Ou pas. La primote, je fais là-ci de présentation. Je travaille chez Wiglot. C'est marqué sur Monticheur. Il y a une habillée de traduction en ligne. C'est de traduire votre site web en 5 minutes. C'est notre objectif. Je blogue également sur Essentiel Tech Skills, des articles tech. Il m'écoute la culture informatique de manière générale. Il n'y a pas de mortresse. Il y a très peu. Et après, j'ai fondé, enfin, fondé, je suis à ZO Image. Dans l'instant, ça ne fait pas grand-chose, mais ça fait de la fin. Le but, c'est de faire de l'analyse d'image avec une machine learning à la fin. Pour vous ordre quelque chose. Du coup, on va démarrer notre petite histoire. Il ne faut pas que je parle d'aujourd'hui. Sur, d'abord, quelques informations sur l'atelier que vous soyez un peu au courant de ce que vous pouvez vous raconter. Une sorte de petit disclaimer. Déjà... Donc, j'ai qu'une heure 30. Comme une heure 30, c'est beaucoup, mais en même temps, ce n'est pas énorme. Ce n'est pas tant que ça. Je ne le vois pas tout briser. On n'a pas un thème pour le père RGS. On n'a même peut-être pas du thème. On ne va pas apprendre à faire de la 6. Et encore moins du RGS. Ce n'est pas en une heure et demi qu'on est capable de faire ça. Et c'est de faire un tour d'horizon sur comment on fait, qu'est-ce que c'est, quels sont les principes, quels sont les avantages, les inconvénients, en gros, c'est vraiment un tour d'horizon sur si on fait un thème avec le RGS, qu'est-ce qu'on en est. En une heure et demi, personne n'a réussi à apprendre pour qu'on ait un bâtiment correct Donc on ne voit pas ce qu'est-ce que c'est. Question, qui paraît ultra simple, je pense que tout le monde est capable d'y répondre. Est-ce que je n'ai pas dit si vous voulez couper la parole qu'on a quand même arrêté et discuter, vous avez une question, etc. Ça peut faire un peu de mode, ça peut être de classe, ça ne me dérange pas du tout. C'est vraiment un tour à part d'une conférence. Donc si vous avez une question du renfant, je parle, tu m'as arrêté, tu m'as raconté, tu n'as pas intéressé tout le monde. On ne voit pas ce qu'est-ce que c'est et notre ami Watson qui va y répondre, c'est un CMS, un système de gestion de contenu. Jusque-là, c'est élémentaire. Tout le monde est au courant, c'est un CMS, quand tu as donné la question, c'est un système de gestion, mais la vraie question, c'est ce que vous avez réellement compris la finalité d'un CMS. Est-ce qu'il y en a un comme ça qui aura une réponse à donner sur la règle du CMS, quoi du tout ? La réalité, la finalité parment de ce que c'est un réellement un CMS. C'est un système de gestion de contenu de ce qu'il y a, une finalité, c'est qu'il y a un signe, une glace, une façon de pouvoir explorer, exploiter ces compétences, mettre ces compétences, j'ai appris dans une communauté... Peut-être pas jusqu'à ce point-là, mais à peu près. Dans un CMS, c'est fini par là. Charlie a mené sur l'enquête, et c'est quand même intéressant. On va partir du principe que WordPress ne puisse pas avoir thème. On va pas. C'est pas dérangeant. Un thème, qu'est-ce que c'est ? C'est quelque chose qui, en final, s'est inventé sur notre site. WordPress n'a pas de thème. J'ai rien à l'appuyer en fond. Ce que là on va dire, c'est que ça n'a absolument aucun intérêt. Si je mets WordPress, on n'a rien à l'appuyer en fond. À quoi il me sert ? En réalité, ça n'empêche pas de gérer votre contenu. Si vous n'affichez pas votre contenu, rien ne vous empêche de le gérer dans WordPress. Comme si WordPress devenait votre... je sais pas, votre livre de compte, dans lequel vous pouvez vous créer un article, crédit, etc. Fondamentalement, en fond, vous n'aurez rien à afficher, mais WordPress gère votre contenu. Vous pouvez gérer vos courses avec WordPress, juste dans l'admin WordPress. On est d'accord avec ça, ou pas ? C'est... l'idée, c'est pas de... C'est juste un principe, un fondamental. On enlève le thème, pas de fond, on a tout le monde à l'appuyer. Il n'y a pas de problème avec ça. Le souci, c'est que, dès lors, il nous faut combattre pour voir si ça fonctionne. Parce que, si on a une boîte avec des choses à l'intérieur et qu'on n'en perd rien, prenez autre chose que WordPress, notamment, effectivement, l'exemple libre de compte ou autre chose. En fait, un XF, ça sera beaucoup plus rapide, il n'y a rien à installer, il n'y a pas de serveurs à gérer, etc. Vous êtes toujours d'accord avec ça ? Oui. Du coup, l'idée, c'est quand même, on va essayer de s'éclairer. Il faut que Charlotte les appellazise, ou bien, comment, en gros, sortir ce qu'on dit, en partant des principes qu'on n'a pas de thème. Il existe depuis. Il y a peu de temps, quand même, ce qu'on appelle la WordPress. Donc, la WordPress, c'est une façon de sortir un peu. C'est pas, enfin, on a potentiellement besoin d'intégrer par rapport au mode de fonctionnement WordPress, et encore, on n'a pas de thème. L'idée, c'est que, si WordPress part des principes, c'est une source de données dans laquelle on met des choses, on a envie d'une information des produits, des... des commerces, etc. On a une boîte, on n'a rien à vicher. Il faut pouvoir quand même sortir la donnée. Aujourd'hui, la meilleure moins de sortir des données, c'est une réponse Jason, et la paix est restée au rejoindre. Donc, grâce à la paix restée, on peut récupérer toutes les données. On peut faire le terme des RSS, et on raconte tout ça. En fait, c'est vraiment un trambule pour vous amener à la finalité qui est l'intérêt d'utiliser Réal Coach. Donc, si on résume WordPress, reste un système de gestion, on a toujours des produits, on a toujours des articles, on a toujours des pages, qui délivrent des données dont on a besoin d'utiliser un des RSS ou pas, etc. La finalité, c'est qu'il suffit d'y consommer. J'utilise bien le consommer, que je vais réutiliser si on entend, etc. C'est consommer la donnée pour en faire quelque chose, pour afficher un tellement presse, pour afficher un blog, pour afficher, etc. Comment habituellement, c'est ce que je viens de vous dire, qu'on consomme les données à travers le tellement presse. Un tellement presse, il est développé en PHP. Donc PHP, c'est l'outil qui nous permet de consommer la donnée d'envoi presse et de faite d'avoir un site, etc. C'est un tel. Si l'envoi presse fonctionne comme ça. Ici, on a bien compris que maintenant, l'envoi presse n'est plus pour vos données. La réalité, c'est que dès lors que vous avez une source de données en point A, il suffit de trouver n'importe quel point B qui sache consommer de la donnée. Vu que le point peut la sortir avec la paix et reste, donc lors de l'envoi presse, on peut tout à fait utiliser ce que l'on souhaite. C'est là qu'on dit d'un point B. Ce que vous voyez, le clip directeur que j'ai voulu vous emmener, vu qu'on a un ordre presse et la finalité, c'est pour que vous ayez un ordre presse qu'il n'y ait que du genre aspect que vous pourrez afficher quelque chose. Qui ne connait pas réagir dans la salle. Donc c'est une librairie javaspect comme un titre que j'ai voulu aller un petit peu comme un titre que j'ai voulu aller parce que c'est une librairie et pas un framework. Il devient, enfin, j'aime bien faire la nuance entre librairie et framework. Il est actuellement un framework dès lors que vous en faites toute une application, un SPH, enfin c'est vraiment ma nuance personnelle que je fais. Un framework, c'est un ensemble d'outils pour le limiter comme une librairie, mais j'aime bien avec le nouveau framework quand on fait un ensemble et tout un ensemble avec pas juste des petites choses. Parce que dans ces galettes, si on nous dit que j'ai poré, on peut aussi tout faire un site tout tellement que j'ai poré, il n'y a pas de problème. Il n'y a pas de problème. On peut y arriver et pourtant on ne dit pas que j'ai poré. On va le sortir si ou pas. Enfin, c'est vraiment juste une expérience. C'est une librairie javaspect qui nous permet de bloquer des modules. On crée un JS. On va voir comment il va se charger. On va voir tout ça. Il ne peut pas vous apprendre en clair, à fond des ballons, parce que c'est tellement gros. La formation que tu as l'air a tout débloqué. Donc, on ne va pas savoir faire plus tendère mais je vais vous montrer un peu tout cheminement. Donc, qui nous permet de développer des modules ou une SPR, une simulation application, c'est une seule et même page. C'est qu'on dit plus. Un site est totalement en jeu à l'aspect. C'est comme réalité. Il a changé une seule page. C'est tout ce qui s'est passé au milieu de plus simple. Le champion du laver et les choses comme ça. C'est le Javascript qui gère tout ça. Donc, c'est libre et meilleur Javascript et via des appels à jaques ne met pas que on peut consommer des données. N'importe quel phénomène Javascript, n'importe quel même développement à jaques parce que tout court peut consommer des données à minima via des appels à jaques ou simplement en lisant un JSON qui est dans un DOM ou des choses comme ça. Donc, concrètement, comment on procède au niveau de WordPress. C'est-à-dire que là, on a avoir presse, on a une source de données, on a des thèmes et des sites ou pas existants. Qu'est-ce qu'on fait ? Est-ce qu'on fait tout site ? Ou pas ? Est-ce qu'on peut développer des petits bouts par petits bouts, etc. Donc, il y a deux façons de faire avec WordPress. Là, on ne pourrait pas forcément le faire avec d'autres phénomènes que l'enculaire. C'est pas tant que l'enculaire, c'est pas bien attention. C'est plus la proche et un peu différent. La première méthode, c'est en développant des modules dans un thème existant. C'est-à-dire qu'on peut tout à fait partir d'un thème existant et dire, bon, maintenant, par tous les petits bouts que je vais développer, je vais faire en FGS. C'est possible. Ou vous démarrer un nouveau site, ou vous voulez faire une refonte. Vous pouvez tout à fait aussi développer un thème comme une espèce ou une seule, une même page. Et c'est tout futile à l'aspect. Il y a une finie, là, tant qu'il y a Archive. C'est-à-dire, Archive on n'existe plus. C'est-à-dire, Archive on n'existe plus. Vous posez un extra page P et vous pouvez tout à fait et ça, c'est la petite fiction la petite fiction de Watson qui nous ramène. Ça, vous mettez de côté peut-être pour tout à l'heure ou si vous pouvez vous expliquer plus tard c'est que si on est à l'intérieur de WordPress et que WordPress n'est qu'une source de données en réalité, rien ne nous empêche d'être à l'extérieur. Rien ne nous empêche de communiquer avec des sites distants. Quand vous avez Google et que vous utilisez la PN Google ou des choses comme ça Google n'est pas avec qu'il est à l'extérieur. Autant rien ne vous empêche de consommer sa donnée. Là, c'est pareil. Vous pouvez tout à fait avoir un WordPress maître entre guillemets quelque part à tête à vue de les mains et consommer ou vous vous laissez donner. Rien ne vous empêche de faire des sites WordPress entre guillemets dans le sens WordPress est une source de données mais en réalité tout est outil. Tout ce que les clients voient tout l'affichage n'a rien à voir avec eux. Tout ce qu'on peut être à l'intérieur c'est les deux solutions qu'on a. Ou à l'extérieur. Maintenant que je vous ai raconté tout ça on va se mettre à bosser et on va regarder un peu les entrailles de tout ce que je vous ai préparé, etc. Pour l'atelier donc on va avoir un peu les avantages et les inconvénients de ces différentes solutions. Des exemples il est c'est quand même qu'on discute des différentes problématiques quand une fois en 1h maintenant surtout pour ceux qui ne sont pas forcément à l'aise à la suite comme ce soit on va pas perdre de temps à ce que vous compreniez comment on l'étit on va plutôt discuter d'autres choses et après des travaux que vous formez Est-ce que ça va tout le monde ou pas ? Est-ce que c'est ma petite histoire que je vous ai racontée par là tout le monde il y a déjà une interrogation quelque chose que vous ne comprenez pas on ne sent pas logique. Du coup je vous ai préparé un truc pour vous ici il y aura deux choses j'ai fait un tweet sur lequel vous pouvez tout le code de base j'ai pas écrit jusqu'à maintenant c'est 9h40 il est disponible sur ce tripot sur cet appartement-là je l'ai tweeté si vous voulez carré mon tweeter il y a un tweet de l'un et ça c'est un tweet je l'ai tweeté avec par contre il y a eu le point donc peut-être qu'ils ont recruté bon il y a pique qui est due on ne pourrait pas donc sur ce tripot vous avez deux ce qu'on appelle deux branches et le master qui va être je vous l'ai expliqué c'est vraiment le master c'est un thème en fait c'est un thème complètement naze blanc et noir avec les trois textes qu'on a fait c'est juste pour vous initier vous montrer comment on développe une SPA à partir de WordPress et la deuxième branche je suis parti de 2017 et je me suis dit à partir de ce thème comment je peux rajouter de la geste c'est deux exemples qui vous proposent des deux solutions à l'intérieur de WordPress comment on démarre un site qui a eu un réact comment à partir d'un thème on peut rajouter du réact et là on parle de réact ce qui nous pensait bien que c'est pas là avec toutes les équipements ils voulaient faire du BGS c'est pareil vous n'avez pas d'autres diètes c'est pareil là on parle de réact on va démarrer peut-être pas démarrer sur la branche master parce que c'est peut-être ça c'est mon site tout le monde reconnecte 2017 ici sur cette page il n'y a pas un pet c'est déjà la scribe c'est plus du PHP ce que tout le monde connaît c'est pour une meilleure confiance que vous avez sur cette page maintenant je vais recharger une autre et là où je vais porter votre attention c'est sur la Cypher qui est à droite ici on a des récentes postes etc et compagnie on a promené la recherche je l'ai sur single point PHP je n'ai pas du tout la même Cypher pourtant si tout le monde compte 10 2017 vous l'avez toujours elle existera toujours en fait cette aide par là elle a été chargée par la pièce alors c'est du très long da et vraiment je fais beaucoup de raisons mais c'est pour vous montrer qu'est-ce qu'elle est comment quelle épée il y a dans l'arrière on peut respecter le DOM et on va bien assailler section et notre widget donc j'ai un widget il est bien dans le DOM pour comprendre la différence entre un chargement javascript avec React et je pour l'instant je m'entrepare en thèse on n'en va plus trop plus tard sans rendre du serveur vous voyez ce qui a piché à l'écoute maintenant vous visualisez et réellement ce qu'une page charge avec rendu serveur il faut appuyer que l'absource HTML réelle ça ce bout de page-là on vous charge l'HTML avec le rendu serveur et je ne cours pas de rendu javascript ça ne va pas charger si on va rechercher notre site on trouve toujours notre section de recherche et si on va voir la train de site vous voyez il y a un sacré paquet d'HTML en plus entre les deux sites je vais essayer de le faire pour voir et notre section il y a les récents les commentaires récents il y a toute l'ancienne ça y va qu'est ce qu'il s'est passé et j'ai chargé un module à moi en React.js sur la site Pa qui est pas développé dans la salle alors là désolé ça sera peut-être un peu compliqué je vais vous montrer ce qui se passe maintenant on va parler un peu code parce que c'est quand même là un peu pour ça ça c'est le thème d'un touch et d'un dil un dex et deur un dex et deur voilà dans ce sens-là etc rien de grand de l'autre à ce point donc moi au niveau du react comment ça se passe react il n'a pas besoin de grand chose pour fonctionner il y en a beaucoup que j'ai rencontré Rihanna il y a 10 brits attention React c'est très fort à prendre c'est vraiment compliqué c'est un délice au niveau etc oui non ce qui est compliqué c'est surtout le us6 avec lequel il arrive aujourd'hui mettre son coffret en os 5 absolument pas c'est un bit sans fin faites peur avec le us6 ce qui vous fait surtout peur je pense que c'est plus le us6 que React parce que son d'un mentalement React c'est un principe de component et le composant le composant le plus lambda c'est aussi simple que ça et ça à part que tu ne connais pas le us6 c'est n'importe quel aspect n'importe un point mais ça c'est bon si on ne connaît pas forcément ça fait peur et ça quand on a un peu d'expérience au niveau du dev ça n'a rien de compliqué on a une place on a un nom on nous a dit qu'il fallait étendre component étendre c'est juste à prendre 2-3 petites choses qui reactent pour afficher l'HTML et ça c'est un avouillage il n'affiche pas de l'HTML c'est du jsx pas pareil il est véritablement pas pareil même si là en l'occurrence de l'HTML qu'on voit c'est du jsx qui l'interprète pareil, tout ça je ne sais pas si je raconte tout vous expliquez on peut en parler etc donc React a composant un niveau render c'est comme ça c'est pas autrement comme pour faire pour en conclure des scripts on voit peut-être vous avez appris ad action ad c'est comme ça c'est pas autrement là c'est pareil et il n'y a que ça à prendre 20 minutes et vous retournez ce que vous voulez donc React de base c'est ultra simple c'est juste ça ça c'est un composant React ensuite React doit se charger c'est pour ça qu'on va pouvoir le mettre on va dire modulaire on doit se charger quelque part il y a bien un moment donné on va lui dire à ce temps-là sur cette div pour que tu me charge tes composants et donc toute la logique métier etc si on charge ce composant on ne va pas faire grand chose on va poser ça de l'HTML etc donc ça c'est à l'initialisation de votre application c'est pas totalement une application c'est un script qui dit bah voilà on va donc s'utiliser tu vas faire ces choses là donc là je vous ai développé un petit peu de choses que j'aimais utiliser quand je travaille avec plusieurs modules React ils peuvent se charger à tout un endroit en fait je me fais un tableau de modules et ici dans lequel je définis le composant mer qui va se charger donc c'est le composant qui va devoir initier toute la partie d'un module et un module c'est pas forcément juste du texte ça peut vraiment être une toute petite application un peu entière mais si vous développez un énorme calendrier avec des interactions etc vous pouvez charger le main calendar par exemple les main calendaires etc est-ce qu'il est actif ou pas vous assignez une petite histoire d'eux pour pouvoir désactiver on peut imaginer que cette valeur là provient de la base de données et donc vous ayez fait une base d'options dans votre appareil comme ça vous faites des petites gueules et puis votre client il a tout l'appareil je vais désactiver mon module hop il désactive mon module et le chargement ne se fait plus sélecteur ça c'est important il faut qu'il puisse savoir où est-ce qu'il se charge donc là je vais l'expliquer charge-toi à cet endroit-là et getTrust c'est ce qu'on appelle c'est un callback c'est-à-dire c'est une fonction c'est une raw function de l'appartement et je l'appelle si elle existe si je l'appelle si elle existe pas si elle existe pas en fait ça me permet d'initier d'initialiser par exemple des propriétés à mon proposant donc pour plus simple post je lui explique quel est l'ID qu'il va devoir aller regarder donc on suit au chargement du DOM ça c'est l'équivalent de jikwari l'œil de enfin on on rédime c'est pareil c'est ça en pièce active vous avez mis la pièce pour chaque module je récupère mon objet je récupère je vais chercher l'élément que je dois cibler si l'élément existe et que mon objet est actif donc mon module est actif alors je fais quelque chose je récupère un composant initial je récupère mon composant initial par défaut j'ai des propriétés habiles si j'ai la fonction je l'exécute et ensuite elle réacte ce qu'elle demande on appelle React DOM et on lui dit rend-toi donc la module component ça correspond à ma compétition rend-toi avec ce composant et tu lui envoies toutes les propriétés ça apparaît c'est écrit sur la c'est de l'L6 est-ce qu'il y en a qui n'ont jamais vu ça c'est pareil ça c'est de l'L6 que je vous ai donné je pourrais pas tout vous expliquer c'est de en gros pour expliquer ça simplement vous prenez votre objet avec les trois paramètres qui sont ici vous voir l'occurrence ça sera cet objet qui sera retourné et en gros il m'envoie un paramètre avec en clé qui est donné là et la valeur en fait il me il me flatte il me diminue l'objet d'un niveau en vous rendu sans toutes les propriétés pas si c'est très classe que je vais raconter si on code en codant c'est là où on vole la différence on peut être un test si on a du temps tout à l'heure vous voyez la différence entre trois petits points et trois petits points et c'est précis ce qu'on peut du bidon c'est qu'on a un peu la même chose dans son engagement donc pour ceux qui pour ceux qui ont fait le clone de l'écho il n'y a pas grand chose à faire vous mettez ça donc ça c'est un thème tout ce que vous récupérez c'est un thème donc quand vous faites des modifications de code il faut que vous y installez webpack et l'idéal si vous voulez travailler c'est quoi ? webpack donc webpack c'est un paquet c'est un c'est ce qui va permettre de compiler tout notre code parce que là le code qu'on a écrit ici on va dire non compiler et il n'est pas interprétable par les navigateurs donc webpack ce qu'il va faire il va avec babel et pour truc il va transformer notre code S6 en us 5 et transformer tout notre team de fichiers en un seul fichier donc webpack c'est redoublev c'est pour écouter en permanence tout le code qu'on va écrire là il s'éclare et là il écoute tout le code qu'on a montré qu'il est vraiment il s'est montré là pour montrer les trois batailles pareilles pour mon coeur visuel pour le code qu'on a vu et la source qu'on a vu je vais mettre false ici à droite on va voir qu'il va bouger hop il a bougé à droite il a fixé un boucher il a rechargé notre site c'est là donc là je vais désactiver le composant site bon composant site pas je vais dire tu ne t'actives pas et là vous voyez d'ailleurs que ce lecteur c'est bien un site secondary visible cette fois-là si on recherche le site de la comte d'arrêt il vient de l'ici si on recharge la page la scène bas et à bas donc là avec ce module on a un tout petit module site-bar qu'il existe qu'on peut utiliser au bas et qu'il y a ce chargeur la place de la scène bas c'est bien la preuve qu'on peut itérer sur notre thème existant et venir refler des modules réactes avec d'autres compagnons on le met on recharge le métro bien à cet endroit-là hop il est juste chargé et en fait on le voit très légèrement ça fait un petit flickeur c'est-à-dire qu'il se retrouve en charge de la page et à un moment donné on voit très légèrement la scène bas on le voit très légèrement parce que là en fait je cherche un module réacte sur une scène bas qui existe déjà c'est pour ça que ça donne ce défi comment moi j'étais sur mes débloquants donc vous pouvez vous montrer comment moi j'étais sur ces débloquants-là moi je ne veux pas avoir cet effet-là et je montre que j'ai l'ancienne scène bas et moi tout en immédiat ça n'a pas d'intérêt c'est juste parce que je n'ai pas voulu actuellement si on va dans scène bas qu'on a acheté on voit bien que c'est pour exécuter ici et là vous voyez le flickeur la scène bas elle n'est plus chargée quand j'ai acheté parce qu'il y a des questions parce qu'il y a des choses qui peuvent être lecture ou si vous voulez approfondir un point qu'on est en train de voir ou je ne sais pas ça de feu bien c'est pour la scène bas c'est vraiment donc ici vous montrez chargement d'un module et des coupures de la scène bas et là je ne vais pas montrer le component scène bas donc si on refait tout le chemin le titre de vie de la scène bas commence en toute place donc il a vu la scène bas il a pris il a trouvé le sélecteur on lui a posé le component le component scène bas il n'est pas très grand quand même soit il est tout petit franchement c'est ça a vu le premier c'est juste parce que le premier c'est il n'y a pas de conteneurs il y a deux ans il y a deux fères qui sont côte à côte il n'y a pas de conteneurs qui les envoient c'est-à-dire il a besoin toujours d'un conteneur donc tout commence à être dédié et puis après il y a les intégratulateurs qui disent qu'est-ce qu'il y a avec dédié chaque fois en plus pour rien il y avait raison du coup c'est une sorte c'est une sorte de contenu envie c'est-à-dire je contiens et je rajoute pas de pique suffisant ça ça c'est l'arrière et ensuite single il va charger un autre composant et c'est là où on fait tout le temps bouille avec des actes et c'est là où on met un réacte donc je vais vous développer des composants vous développer une expresse fait un composant externe penseur penseur il va aller chercher il est ici et là on retrouve exactement la tête ça va j'ai copier collé le bichette tel qu'il est écrit j'ai pris la section le bichette search et je l'ai posé ici et ça m'a fait l'équivalent du bichette search ça fait que il n'a pas d'action de la métière pour pas m'en parler sinon je l'acheterais c'est une fois facile à aider là-dessus et à dire ça devient un composant réacte donc le bichette search qu'on avait il y a sa milieu si on veut le transformer en réacte c'est vraiment très lambda on va aller plus loin au lieu de ça je l'ai copier collé à ce point faire parallèle on va acheter un SGSX là vous avez la croix que c'est pas de l'HTF il n'y a pas classe égale c'est classé et c'est pas juste parce que j'aime on va mettre c'est bien j'en ai un classique ou folle on sait qu'on va avancer c'est pareil il n'y avait pas mais HTF force c'est propriété et composant il est tapé de l'HTF c'est pas un nouveau HTF c'est un SGSX la grosse différence entre HTF et SGSX c'est pas gros quand réacte il va avoir ça dans sa moulinette il va tout découper il va balancer ça dans ses fonctions je n'ai pas la l'avant-après mais si on devait écrire pour tous les SGSX sans faire cette manière c'est une fonction par exemple c'est un peu comme le register block un bout à verre c'est sur le bout c'est le register enregistrant enregistrant une section avec un attribute ID il y a eu le search 2 et 7 sections enregistrant l'intérieur 2 paramètres etc en fait oui il va reproduire tout ce qu'on a écrit ici dans ces fonctions-là vous pouvez l'écrire j'ai le class name il a décidé d'exéter si il sortait de ça une sorte d'opération de l'HTML ou de l'HTML l'arrière est en général de l'HTML ça c'est certain en fait j'ai su que c'est comme une touche entre guillemets à l'HTML pour écrire de l'HTML mais c'est tellement proche qu'on a envie de dire HTML mais ça n'est pas plus par abus de l'ambiance vous avez le droit de dire HTML maintenant il y a un autre composant qui m'intéresse c'est qui je ne vous en ai pas parlé en réalité celui-là le contenu qui est là c'est aussi un composant réel on va le faire en plus sur le fond l'autre qui va en bruit pour recharger et j'ai plus de rôles donc c'est bien la preuve que c'est un composant réel et là pour lui j'ai pas d'ancien code de l'HTML qui permet de racheter maintenant qu'on a vu très rapidement qu'est-ce que c'est fait comment ça charge on a remenu l'exploitation avec compagnie l'intérêt pour revenir à ma petite histoire du début c'est qu'on a une source de données c'est WordPress maintenant ça serait cool de consommer la donnée parce que faire des formuleurs de recherche en Saïba nature on ne sera tout d'accord ça ne sert strictement à rien mais parce que je vous ai montré là ça n'a pas beaucoup qu'on voulait faire c'est juste pour plaisir là au niveau du poste correctement je vais vous montrer de trois manières de charger de compagnie la première on va repartir je vais voir qu'est-ce que j'ai écrit ici donc le poteau est en gros à trois endroits soit il est statique vous l'avez écrit quelque part si quelqu'un veut le modifier il faut absolument qu'il y ait un code source et qu'il rachète c'est bien un poteau qui existe pour le départ et il n'est pas un poteau soit il est disponible à un endroit qu'il faut aller chercher il se disponible à un endroit qu'il faut aller chercher il faut aller chercher on le dérive de deux manières première première façon de charger un contenu celui-là n'a aucun intérêt mais je le dis quand même donc là on charge notre component sur le gueule qu'il va charger statique poste c'est un component qui ne sert strictement à rien le contenu qui existe bien il est là il est écrit quelque part rien de vous a gardi demain il y a pour bas donc le contenu bah source de données c'est plus votre presse c'est ça vous écrivez poste 1 vous écrivez votre poste en HTML à l'ancien ça peut marcher donc là j'en fais pour la provenance la chance c'est comme si on aimerait avoir le title j'apprécie mon presse et le P on aimerait avoir le contenu pour l'instant ça rend plus du statique le poste le composant ne fait rien on va pas s'attarder tout le temps je fais poste en PHP en dernier parce que c'est typique ok on ne pense pas plus deuxième méthodologie il faut aller le chercher quelque part il faut aller le chercher dans WordPress WordPress quand on est dans un thème en PHP il nous le donne avec la boucle WordPress pour que le poste ça nous donne accès au poste et donc là à tous les jours on ne pense pas c'est que j'ai dit seconde temps ce title ces fonctions-là quand j'ai raspris on les appuie on ne peut pas les utiliser le seul moyen d'aller le chercher c'est d'utiliser la REST API la REST API parce qu'il y en a qui n'ont déjà utilisé parce que le pas qu'il a déjà utilisé donc par des fois elle est activée attention là je vous en parle 24 heures je vous en parle 24 heures la REST API on n'est pas là pour ça elle est activée par des fois sur cette route WMP-Jedon et vous pouvez aller chercher votre source donc là ce qui vous présente toutes les ressources disponibles et si on va un peu plus loin je sais plus que l'équipement je le revoire ça c'est la route qui moniste tous les postes ça c'est l'équivalent de l'archif French cette route là on a bien un poste deux postes trois postes si on va avoir notre amie si on regarde les postes c'est bien un poste deux postes trois postes c'est l'équivalent d'archif French si je veux un poste spécifiquement je fais Slash et le poste que je veux Slash et on va bien que oui c'est la vie numéro 5 donc on va quitter le poste à partir de ce moment là on travaille avec un appel à Jax à mon amie beaucoup d'entre vous ont utilisé 2 larmes pour un geste de jQuery aujourd'hui vous en avez plus besoin aujourd'hui avec des nouvelles des nouveautés du S6 on a ce qu'on appelle French donc French c'est recalculé avec je te donne avec des paramètres plus loin que la dépendance de jQuery vous avez remarqué que dans le début j'ai pas un peu de jQuery vous pouvez le faire c'est important donc je vais appeler sur toutes les petites choses donc là tu t'appartais le service donc j'ai des choses dans mes services les jQuery si vous en avez des RPI en gros je vais faire petit client javascript mais tellement pas vraiment petit c'est-à-dire que j'ai quelque chose qui me permet de construire mes routes j'ai un truc global par rapport aux ressources donc j'ai 2 méthodes et ça me récupère slash toute ma ressource donc je parle en post page ou d'autres post-types quel pas il y a il y a si je veux faire slash post slash i slash page slash page slash i et j'ai créé 2 ressources en page et post bon bah ça c'est du code c'est juste à dire ça rien à voir avec ça pour communiquer avec la BI j'avais tant de quelque chose donc je vais vous faire un petit modulon donc quand je veux charger à part ça la BI il va falloir faire cette API réveiller la réponse c'est ce que je fais post from API post from API là on découvre d'autres fonctions pour pononter le mod c'est y a réacte ça fait partie du cycle depuis de réacte pareil ça c'est on apprend par coeur comme la Google Workpress etc ça pareil je fais donc le composant est noté je vais répéter je le post à part ça de la BI j'appelle ça c'est ma fonction moi pareil vous attendez pas sur le cycle rate si vous connaissez pas c'est pareil on va on n'a pas tant d'en parler mais c'est la 6 donc pareil soit même la 6 donc je récupère la BI donc ça c'est pareil de la 6 qui est affectation des structures donc je récupère en fait cette éclature là c'est exactement pareil comme ça ça nous permet de créer des variables tout de suite à partir des des clés donc là j'ai mon petit client après ça BI je vous ai montré il y a 2 secondes je cherche des postes et je vais récupérer le poste spécifique Guette Payet j'ai récupéré la réponse ça c'est bas en rapport avec ce que je me renvoie à Workpress à Workpress un coup il me renvoie des status et des codes mais quand tu vois bien les robots j'ai obligé de faire un piff un peu d'un piff comme ça là aussi il paraît ça c'est un réact réact a un cycle de vie qu'il faut vraiment bien comprendre désolé il a un state et des postes ça vous paraît simple qu'on commence à mettre la tête dedans c'est compliqué que le state et des postes pour bien comprendre si il en est pour savoir ce qu'on peut une state pour faire très rapide vraiment très rapide une state c'est l'état d'un opposant si on plaint un opposant couleur il a un état c'est son exadécimal son state exadécimal c'est pièce FFF et des plans props c'est les propriétés que lui envoient un composant donc c'est il est ça lui permet de s'améliorer un petit peu un composant de couleur par exemple ne peut pas forcément savoir gérer une bordure mais rien n'empêche à quelqu'un qui a un proposant de lui dire voilà je t'envoie une bordure ça fait partie de toi c'est une propriété ce n'est pas ton état par exemple vous avez de props ça vient de haut c'est un exélu donc il s'apparaît cet ok du coup son état du coup l'état de mon composant c'est un composant post son état j'ai considéré c'était son état donc je récupère et donc j'ai un stock dans l'état de la lutte au moment du rendu petite condition je récupère le post de mon état si j'ai pas de post pas que tu t'affiches parce qu'il y a un délai quand l'appellier est rendu quand il n'y a pas de rendu plus rien c'est ici qu'on pourrait faire des petits trucs sympas à la Facebook on a des petits fonds d'eau dans sa charge c'est ici ce qu'on fait c'est la base de l'état de post pendant sa charge on met derrière l'audeur et l'appellier sera terminé l'état du composant en changeant il va se revendre puisque un composant réel se rend à chaque fois son état change donc les groupes affiliés ils arrivent très vite ils ne font pas attention quand ils édite l'état et qu'ils édite un état équivalent ils sont partis de tests j'ai dit que je vais aller chercher au niveau de post que j'ai récupéré le title DEL CONTRANT et là on transforme notre the title par notre mariage TITLE CONTRANT ça vient de la veille TITLE CONTRANT et CONTRANT ça vient de ça la propriété de danger c'est une html c'est parce qu'en gros par défaut réacte il échappe et c'est 16 donc là vous acceptez ce que vous faites c'est dangereux pour vous afficher ce qui va devoir être affiché dans ma livre et s'il n'échappe pas donc s'il y a un truc mais on n'a pas le choix parce que si si on le fait pas il n'y a pas quand même parce qu'on l'a vu voilà on va le changer single et si c'est juste c'est pas pas donc je l'envoyais à Guy si on ne l'écrit pas il n'a plus que je l'ai dit on a interprété les divs et la html et c'est pas donc ça se trouve plus là il vient de la veille pour problème si on ouvre la console pour regarder la nettoire on fait une autre petite vie sur les infos et ça chère on a bien vu la fin on avait la thé les deux postes 5 il va envoyer cette information de composants d'un traité et que j'appuie chez vous donc là vous commencez à créer un truc iné un thème et en fait c'est l'ange j'ai pas créé de thème j'y ter sur un thème existant pour mettre une arèque d'évent et après c'est les certains vont pas penser au moment d'intérêt d'intérêt enfin c'est la même chose vous venez, vous êtes tiens je vais être du j-core dans mon thème parce que vous en avez besoin c'est pareil mettre une arèque dans votre thème si vous commencez à en sentir besoin ça sert à rien de le dire ça y est je vais être absolument vrai l'avantage de React c'est que c'est le mot du verre et que ça permet de faire des des plus plus intéressants de l'experiment de l'experiment c'est plus facile de gagner des composants etc vous pouvez faire des tartes d'électifs dans du PHP et vous pouvez acheter de toute manière plus pure c'est pas forcément d'interact si vous commencez à faire des cycles un peu plus cool là ça vous commence à prendre de l'interact il y a une fraise que j'ai vu il y a pas très longtemps je pense à Benoît si vous me présente on n'avait jamais capté enfin mais c'est peut-être si que TechCrunch tout le monde connaît TechCrunch c'est un énorme site de l'Oguesque il y a encore presse mais tout auraient et c'est extraordinaire la technique la même c'est ultra pluie je vous le dirais qui sont tous ces articles donc ça peut avoir un intérêt si vous vous voulez faire des thèmes de plus en plus poussés et intéressants des autres expériences utilisateurs vous pouvez demander de naviguer d'une telle manière etc l'HB vous pouvez pas l'HB il faut que l'il aille attaché sur le contenu je n'ai toujours rien et dès que vous voulez faire la suite vous mettez du gécouris et c'est peut-être de dire j'enlève mon petit gécouris et je mets des petits mois de livre ils ont pas la même approche c'est une petite question d'autorisation on avait dit pas d'abord de commencer 40 minutes la fois qu'il fait dans des temps mais c'est pas le cas pas de questions sur ce que je viens de vous appuyer ce que je viens de vous faire si oui mais je suis arrivé en retard je vais vous savoir je vais t'échanger à 10 comment tu communiques de World Champion à l'HB 5 ah je vais t'échanger donc effectivement pour communiquer entre les deux j'ai l'HB qui est ici maintenant c'est d'où qui m'a donné cette aguille là j'ai fait c'est le PHP en avant au moment de la génération de la vache de l'acoustique seulement donc pour moi elle est un single point PHP et j'ai trafiqué single point PHP un peu grand chose donc le single point PHP de 2017 de base il a la mutlo wild je suis accompagné mais j'ai simplifié la mutlo wild et je me suis posé ici moi je suis juste là je charge le post et ça c'est l'endroit que souvenez-vous il doit cibler un élément j'ai les mains pour me charger tout à l'heure sur la saille barbe je suis présenté j'ai ciblé aside là j'ai ciblé view single post vous pouvez lire cette barrière mais des vides c'est le principe même de réacte il n'y a rien il n'y a rien de grand j'ai l'en ciblé il faut rappeler j'ai ciblé bien view single post et il faut transmettre cette alie parce que je ne peux pas le deviner cette arme magique parce que je suis après vendu serveur après l'HP je ne suis plus du tout dans le point de face j'ai plus accès à 4G sur mon point de view en fait j'ai écrit en tant que data attribute sur mon élément et c'est ici ça c'est le technique qui nous permet de communiquer avec votre module au moment du chargement mettez les tartines de data in need donc vous avez besoin pour vous charger donc moi pour charger vous post les 2 enternatives pour aller récupérer le post c'est bon donc là je vais écho d'AID dans data in need et au chargement du module c'est là que vous mettez le post en bouton interne au chargement du module j'ai besoin de vous compris été AID où est-ce que je vais la chercher ici sur le post en cours et point data set point AID data set ça va chercher tout c'est un tableau de tout vos data tiré data tiré avec les doigts qui sont prouvelés se retrouvent dans data set ça apparaît c'est que je risque d'avoir un impact donc je vais récupérer mon AID là si on fait un console.log on va bien que le chargement il a récupéré 5 on va refaire un console.log alors par exemple quand vous faites du gs votre meilleur ami meilleur copain et compagnie c'est console.log c'est le point d'erreur qu'on voit ce que vous voulez mais logis logis sinon c'est invisible c'est pas que ça pour aussi vous pouvez que le rendu réacte se fait à chaque update de son état ici pas sur mon API on va tenir que la première fois il ne peut pas avoir le contenu à des médias parce qu'il a fait un appel à Jacques donc il va se rendre une première fois sans rien il va se retrouver une deuxième fois avec son compte pour le premier qui est pour le visualiser vous pouvez le rendre et si on log le poste on va voir que première étape qui m'onule deuxième étape il a du compte donc ça si vous devez après vous former sur réacte il y a un il y a pas il y a vraiment pas mal de ressources mais surtout il y a plein de choses à voir le cycle de vie ultra important state cross ultra important c'est la base de fonctionnement de compagnie c'est bien rendu deux fois également troisième méthode soit il est disquant soit il est statique mais il va être présent ailleurs il va être présent tout le monde comprend d'un coup il dit d'un coup c'est ça c'est tout le html on peut rien nous empêcher d'embailler en jason personne nous interdit alors et c'est même tout le temps pas conseillé en fait sans se rendre compte dans d'autres par exemple qui commercent le fond pour toutes leurs chaînes de caractère quand ils font de la jazzy genre sur le hadre la localisation de leur chaîne elle est dans le dos elle est dans la paramètre WBC le tiré ça ils ont plein de moyens dedans et pourquoi on ne pourrait pas mettre une poste aussi donc pour se faire c'est rien de bien mais pareil de faire mieux parce que je comprends ça qui dit quand on est sur la page single je charge réel c'est bon ça c'est bon on en a même pas besoin mais en fait au roman d'achever dans la single je localise pas assez le script et une gueule je lui crée une taille j'ai des postes réactes et donc sur le poste là je lui dis en clé j'ai dit du poste là ça sera 5 et je ferai un clé de poste de celui-là alors optimisez parce que là on fait 2 fois clé de poste c'est la boucle de poste qui va faire et moi je le refais on va couper court à la boucle de poste presse et on prend la détresse à ce moment mais ça marche donc si on regarde notre contenu de l'homme il est détaché il fait poste réacte et si on regarde ici on a tout le profil de notre poste en cours donc elle poste mon printil il est là qui va ramener tout, etc poste avec taille qui est là il est là et maintenant pour rappel on est sur un chargeur de ma paie on voit bien la paie la paie mais on empêche de charger mon poste donc maintenant c'est avec une poste quantité à partir les données de ces hommes qui sont dans le domaine et là il est toujours pareil au chargeur de mon poste il va chercher dans la variable d'épéposéal qui est une variable globale où on a l'aubelle à l'esprit une variable quantité une variable globale qui va chercher la idée poste une fois que tu l'as tu mets ton état et après c'est exactement le même ordinateur il n'y a pas à dire ça ne va pas changer de rechange pour changer ça on retourne pour notre module c'est une gueule alors c'est plus pop poste quantité c'est poste on fait acheter toujours l'envoyer la idée il ne peut pas le terminer tout seul on recharge la page ça n'a pas bougé d'un centime avant de ce qui a bougé c'est que j'ai pu la paie la paie j'ai chargé le contenu d'une autre source de données d'une autre manière et je la trie dans rien donc ça on a bien les 3 mètres on parle d'un départ de statique on ne voit pas et on va chercher une source de données quelque part quelque part soit c'est une API soit ça peut être directement contenu dans le produit que vous avez pas trop de questions là tous ça me faire toujours non ça va donc c'est vraiment une manière d'amener réacte dans votre thème non on est modulaire on le pose à certains endroits il n'y a personne qui s'est dit mais pour le référencement qu'est-ce qui se passe ? pour le référencement c'est-à-dire que si vous ne vous faites pas de rendu serveur c'est-à-dire que si vous devez que tu viens vous voir vous n'êtes pas capables de devenir votre poste même si apparemment il commence à charger l'hérosité etc donc ça va vous faire le test mais si il ne le voit pas il ne le voit pas faire attention quand vous allez faire de réacte ou de réacte si vous êtes là pour faire un site ou première à commencer et bien faire du travail après ça il faut faire ce qu'on appelle de l'SSR serveur site endroits ça veut dire qu'il faut prendre en amour la génération de réacte par le service on ne le fera pas ici parce que du coup je vous ferai aussi ce que je préfère utiliser par rapport à ça donc attention si il y a ça si vous commencez avec le réacte dans votre thème si demain vous chargez tout aussi et vous faites ce que je viens de vous faire avec le contenu de comptes 1 vous allez peut-être détruire votre réacteur si vous ne faites pas de l'SSR vraiment attention à ça il n'y a pas que des avantages à faire si vous avez vraiment ce problématique là il faut déplier notre problématique l'SSR et quand vous avez fait ça voilà vous pourriez vous faire plaisir forcément facile et encore moins ce qu'ils n'ont déjà mais quand on n'a jamais fait sur le maximum de l'SSR c'est pas sympa ça fait pareil au début donc ça c'est la branche que j'ai appelée sur mon bico qui ne peut pas que j'ai appelée sur le 7 de 2017 du réacte sur le master là je change de branche et je vais vous parler du thème SPA une single page d'advocation en ce thème c'est juste j'ai juste compris les deux pour avoir un semblant une chose ici j'ai rajouté un lien et après je vous parle brillamment pour vous présenter la SPA c'est pas la société protégé regarde à moi euh ici on peut tout à fait avec une SPA donc après avec réacte quand on trop divé à mon sens il devient après moi et tout j'ai récolé donc là j'ai récolé la page si je clique ici tout à fait la page 1 j'ai déjà compris et ceux qui ont compris là c'est les vrais contenus ici on va s'occuper j'ai pas changé de table je suis changé de table c'est toujours le même thème vous croyez bien que donc c'est et là c'est pas c'est pas une protégé mais c'est vraiment celui qui vient de quelque part et celui qui vient de quelque part celui qui vient de la vie qui vient de la vie donc même vous pouvez facilez une SPA en module pour les mathématiques ou les doigts il n'y a plus d'en plus au niveau de la table de la page c'est pour pouvoir gérer tout de suite et donc vous allez rajouter ce qu'on appelle un rocket réacte et ça pas ça c'est rigolo c'est pas pas facile à comprendre au niveau du code c'est mon thème on avait tout à l'heure il n'y a pas grand chose de changer d'index pour un PHP ça paraît pourquoi j'ai laissé ça et d'ailleurs il est complètement il n'y a pas de rien c'est des modules des BBL des compagnies tout à l'heure je vais pas faire plus ça et fonctionnement de PHP on retrouverait exactement la même chose que tout à l'heure je vous ai laissé tout ça pour que vous ayez la possibilité de faire du PHP 30 PHP pour vos ordres donc le propre PHP il va aller se servir ici c'est pas intéressant ce qu'il avait écrit mais c'est juste pour essayer de voir si le poste 1, le 2 et le 3 sont chargés dans le doble vous pouvez les récupérer avec le composant poste 30 PHP je charge la feuille de style on revient rien d'exemple en venir par contre réacte que ce soit un des modules il s'initialise quelque part qu'il va s'initialiser quand on va dire aideroute app et là ces applications sont un peu plus compliquées que des modules c'est plus simple vous que j'ai plus de modules à gérer on va m'activer tous les fausses on va récupérer mon route on va filmer composant app composant app c'est le composant super global à toute la page le app là il va faire des trucs compliqués et ça il va commencer tout complexe à aborder quand on a un moteur alors on n'est pas obligé quand c'est fondament correcteur là je vais juste vous exposer ce que j'ai mis donc on a réacte reduce il faut l'imaginer je vous ai parlé des états d'un composant mais si les composants veulent communiquer en feu c'est pas facile si soit on est toujours dans la descente par enfant par enfant et puis le fournis c'est pas tout le temps qu'il faut revenir qu'il est à l'eau il va lui donner toutes les fonctions à tous les composants qui sont en descente pour pouvoir remonter donc en fait pour résoudre cette problématique là il faut s'imaginer qu'on a un état super global de notre application on le pose à côté et n'importe qui peut aller toucher dedans donc ça c'est reduce donc plutôt que tous les composants se donnent des informations entre eux en fait ils vont parler tout de suite avec le magasin avec l'hostop qui contient toutes les états d'autre habillage Redux là pour le coup donc le routeur j'ai aussi mis j'ai fais une collecteur Redux donc ça veut dire que le routeur tous les états du routeur tous les routes tous les actions vous allez faire donc vous allez passer d'une fois d'une autre ce qu'on va enregistrer dans l'état de la application dans Redux c'est pour ça que je vais poser le temps et après il n'y a pas que on va chercher comment c'est comme ça ça tout seul on cherche notre routeur avec le nom du history 20 minutes 20 minutes 20 minutes il n'y a pas rien donc on connaît le routeur history c'est vieil on navigue c'est pas il n'y a rien ça fait partie et en fait la problématique que vous allez voir quand vous avez une espèce c'est que vous allez devoir oublier toute la températératie il n'y a pas de routeur plus rien et par contre vous allez devoir créer vous-même des routes qui matchent ils matchent avec vos permanences vos permanences vous allez décider donc là sur le slash je charge le composant home sur le slash page avec le paramètre ID je charge le composant page pour toutes les restes une autre page où je n'ai pas géré je ne charge pas le composant et là on le voit au charge aussi c'est la problématique de rechargement quand il passe slash page slash 1 il n'y a pas tout de suite à l'accueil ça aussi c'est le problématique à gérer parce que par défaut cette route n'existe pas pour ça donc là on voit bien slash page slash 1 si par exemple je mets 5 ça me charge toujours la page 5 je charge le post 5 et là donc vous prenez ce qu'on appelle une espère mais ça en bas sont l'autre problématique le ssr parce que là forcément vous êtes totalement en javascrit si vous ne faites même pas de vendu serveur vous avez oublié l'incarbonissement en cas simple même si vous voilà ça vous affile ou pas vous avez la capacité du moteur qui arrive vous dissocie un petit peu de WordPress parce qu'en fait WordPress il n'a plus qu'une seule source de données et c'est pour ça qu'au tout début j'avais mis la petite A de notre ami c'est que si on est à l'intérieur de WordPress rien ne vous empêche en réalité avec tout ce qu'on vient de voir d'être en extérieur WordPress il n'y a plus de source de données avec un URL sur lequel vous devez aller chercher des comptes donc que vous fassiez un terme WordPress ou pas une espère ou pas dedans on s'encliche WordPress et une source de données qui vous permet de travailler et après c'est tout ce que vous en voulez avec REGIS ou REGIS donc c'est pas pareil enfin c'est après il y a les mêmes il y a les mêmes composants donc j'ai toujours un petit service avec API là il y a ce qu'on appelle le store qui arrive en plus vous voyez que ça devient un peu compliqué au niveau de REGIS vous voyez si vous ouvrez votre console vous voyez maintenant il y a des actions ça c'est les actions REGIS ça va être état pour le moteur donc vous voyez que là je vais post après vous pouvez créer votre propre votre propre magasin là j'ai prévu de pouvoir stocker mes postes dans une application comme ça ça m'invite d'une éroquité s'ils sont déjà existants donc en fait il y a plein de choses ultra intéressantes à faire en ce moment il y a des changements de moteur si on a le chargement d'un moteur si je suis en souris il y a une façon qui s'est propagée il m'a dit chante page donc il update l'état de moteur il update la numérique en haut et après vu qu'il y a un changement d'état toute toute l'application se recharge il y a un personne là il va regarder le URL il va dire ah ! il va être sur un slash page un slash ID donc tu dois charger composant page composant page je fais ce qu'on dit si on les laisse etc etc pour se finir sur le store un store il fonctionne avec des rétussures ça va être comme ça pour imaginer un train de métaphore on se le met on apportait quand on se passe et que les rétussures c'est les rayons je pense que ça parle à tout le monde c'est à peu près ça vous avez les rayons alimentaires on stop tout ce qui concerne les alimentaires et on tombe sur les rétussures vous avez les rayons des postes en presse tous les postes en presse on est stockage dans les rétussures quand on n'a pas compris ça souvent on fait un réduceur énormément après la dette technique donc pour finir donc là on va stopper sur la technique pour finir notre histoire de mort presse pour avoir mort presse après moi ce que j'utilise aujourd'hui j'aime bien être en presse uniquement en source de données parce que quand je sais que je vais faire du réact et que je vais pouvoir gérer mon front etc il y a d'autres outils que je trouve plus d'intéressions et plus puissants qui font déjà du accessoire naturellement donc on en laisse la problématique et là j'ai pas fait plaisir et il existe aujourd'hui ce qu'on appelle Next.js Next.js c'est invité par Zyte Zyte c'est développé en partie par un vignard mon coach c'est le gars qui a fait ce qu'elle taille haut c'est un peu une tête que vous voulez c'est les mecs qui bossent la base et ils sont chargés sur vous et en fait c'est un framework c'est un framework réact pour le serveur donc vous allez avoir le nécessaire vous oubliera le secteur qui est sur le but tout seul c'est il traçable il sera simple de faire un routeur avec lui en fait lui il se base il a dit je te fais un dossier page et le dossier page t'es non triché et que t'as root vous donnez un exemple donc ça n'a rien à voir avec votre presse donc sur Isoimage c'est l'index.js qui est dessus ça c'est la structure de l'index.js et en fait j'ai des pages et on voit bien que j'ai une index c'est le slash qui appelle home donc on a l'index.js j'ai une page slash app en fait les fichiers qu'on a ici si vous mettez des dossiers ça fait gros son login il y a une index pricing et là si vous faites slash pricing le fichier on a là donc le pricing, le lié l'index.js si vous faites slash pricing le page il existe et un gros avantage de ce remord c'est qu'il fait le SSR et ça c'est génial vous n'avez pas besoin d'attendre parce que si on redire le code source tout le rendu le pricing notre recharge d'image on va venir voir tout ce qui est là c'est visite par vieux donc vous êtes content donc si vous voulez faire des tests on n'a plus vu les deux je vous conseille fortement ce remord et il y a des gens qui ont fait un repos qui s'appelle lps lps starter un peu beaucoup qui apprennent en main quand on ne connaît pas trop d'occurre mais c'est chose-là c'est un setup ce qu'ils font en gros ils montent un remord presse en tant que source de données et ils utilisent tout le rendu avec lps.js donc vous avez votre presse d'épée content vous mettez vos plug-ins puis il a un seul thème ultramidimaliste comme je vous ai montré à part un des spentages mais on a besoin de strictement de rien et son frontaine donc la pichage en réalité son thème c'est la consommation de données Alice et ça c'est lps vous n'avez pas l'air vous n'avez pas compris vous n'avez pas l'air donc il cumule Warpest et l'extrême parce que pour lui Warpest avec le côté on utilise ce thème-là Warpest on doit consommer et c'est l'intérêt premier pour ça que j'ai trouvé c'est l'intérêt c'est l'intérêt premier système de gestion contenu c'est là que j'irai votre contenu et pas pour forcément tout faire avec le 4V etc déjà votre contenu maintenant on nous a appris 15 ans plus haut avec ce contenu là dans le console en développant le thème et aujourd'hui je vais faire ce que vous pouvez et une petite phrase de fin sur je m'auto questionne pour ceux qui se poseraient enfin je pense qu'il y a des gens qui se posent cette question-là sans interroi mais au final pourquoi ne pas utiliser jikwari je sais faire du jikwari et au final on peut potentiellement arriver à faire les mêmes choses on a de la rajat en fait jikwari est réel on a une différence c'est celle-ci c'est qu'avec jikwari on manipule le thumb avec react on manipule de la donnée donc ils ont pas ils ont pas à être utilisés de la même manière jikwari vous avez signé un élément vous avez changé son css vous avez ajouté une classe par un effet à faire un 2 la rajat c'est vrai mais au final pour charger ce rajat ce contenu vous allez manipuler le thumb vous allez devoir bien bas à cet endroit-là pose mon html point html point etc etc vous manipulez le html dans votre page react j'ai pas manipulé c'est pas le html si y'en a un qui va être compétible mais non tout ce que je vous ai montré ici j'ai jamais manipulé ce thumb je manipule des composants avec les données que je reçois et ils les affichent ils se chargent à un endroit on a pas le choix ils se chargent sur l'angle c'est parti du thumb une fois qu'il est chargé c'est la manipulation de données là où j'ai coréé vous allez devoir sans cesse sélectionner un élément du thumb et lui faire des questions des questions, ouais oui ce que j'ai déjà dit ici j'ai dit ça avec notre pito notre cv avec notre cv non cv non j'en ai entendu parler mais j'ai pas compris alors la perte enfin c'est en fait en fait c'est en deux bases c'est une plutôt 4 ans d'accord après c'est comme tout quand on fait un moment de presse même si on met son plugin c'est l'ordre on va avoir un millier de plugins ça peut pas bouger par exemple ça dépend des plugins et en fait si on dit ça dépend des plugins ça dépend de comment tu vas devoir y aller et d'une petite main en fait on adore des questions c'est que eux c'est extraordinaire la perte en mode de trucs c'est une co-esse c'est extraordinaire C'est juste qu'ils ont travaillé, si on regarde et qu'ils ont utilisé la page, ils ont utilisé l'USSR pour vous. En fait, quand on regarde la page, il y a une partie JSON, un grand d'inert. En fait, ils préloadent toute l'application en JSON online. Une fois que toutes les données de l'application ont été utilisées, il y a une partie JSON, un grand d'inert. En fait, ils préloadent toutes nos applications en JSON online. Une fois que toutes les données de l'application sont utilisées, ils utilisent aussi ce qu'on appelle l'index dv, qu'on a des bases de données par simple. On peut avoir une base de données dans un API. En fait, ils se postent ça là-dedans. Ça leur permet de sortir une sorte de web app. Et là, on peut dire pourquoi ils vont être trahits, parce qu'il n'y a pas que vide que de points de la variable d'addiction. C'est pour ça qu'ils voulaient vous montrer poste sur un PHP en sorte de perdre. Il vaut mieux avoir le poste dans un JSON. Plus aller d'or, mais quand même. En fait, c'est là où il faut travailler. Il faut travailler au niveau de la technique, comme je l'ai chargé. Est-ce que ça a un intérêt de s'éclairer ? Et après, sinon, pour le fondamental entre les réactes, c'est pareil. Si on fait trop de choses, trop de modifications de state, alors qu'il n'en a pas besoin, je ne sais pas que pour commencer un détenant, on va avoir une sorte de perte. C'est vraiment contre la tête. Et il n'y a pas moins d'impératifs. Mais non, ça marche vraiment bien. Et vraiment, si vous avez un truc à auditer et à regarder en permanence, c'est quelque chose. Il n'a pas de données pour ceux qui ne connaissent pas. C'est vraiment très simple et utilisé. C'est la clé-value, dsdb.7, vous m'avez vu ma clé, vous m'avez vu ma valeur. Pour regarder dans l'application, vous connaissez tous le local storage de ces contrées, des cookies, en fait, qu'on peut aussi, qu'ils viennent d'explorer. En fait, ça leur permet d'être disponible, totalement en ligne. Si vous n'avez pas d'internet, lui, il charge la base à l'année. Et vous allez être sorti. Alors, limitez évidemment, si vous allez au poste, je vous rentre et je rentre, je ne suis pas sur quelque chose. Et des petits fonds, par exemple, un doigt, vous voyez ici, là, il y a un appel à pied. On va observer. Il n'aurait plus qu'à pas, par contre. Il est au stock. Ça, ça, ça, c'est tout. On voit bien ce qu'il met dans son desktop. Donc, pourquoi c'est venu, s'il les a chargés ici, en fait, il est inline, avec des informations. On voit bien le menu, main, on voit bien start-up, en 1 et acte en 2. Si on retourne, si on revient le start-up en 1 et acte en 2. C'est en fait, notamment, un énorme jason qui contient, tout de suite, pour consulter la rame. Et ils ont évidemment rendu le serveur. Alors, ici, c'est bête, mais on n'est pas paris. C'est même le fait que ça y va. Si vous avez ça dans l'index, en fait, c'est pour vous montrer faillent un petit peu du rendu le serveur, sans faire du rendu le serveur. On préoccupe d'autant des articles en PHP. Donc celui qui disait le serveur d'astrique peut avoir un thème simple. Et celui qui active le serveur d'astrique, il va voir ça disparaître. C'est exactement le fait de la Seine Barre qu'on a appuyé au début. Donc c'est en fait, ça demande tout le travail, c'est vrai, par le thème plus en PHP pour faire le rendu le serveur. Et en termes d'astrique, c'est vrai. Donc c'est pas forcément le qui, mais c'est pour vous montrer que c'est possible. Il reste 5 minutes. Sinon, à 10h50, c'est la pause et après, il y a un deuxième atelier qui reprendra. Il y a un thème d'informations dont, vu qu'un verre est dévoché dans la BTS. Pour ceux que vous reconnaissez dans toute l'époque, je vais vous demander il y a un an de l'initiation.io. Donc, l'éditeur, on a tout cet éditeur-là. C'est un, c'était pour toi de l'éditeur, l'éditeur de la BTS. Donc, tous les éditeurs vous voyez en vidéo ici dans la BTS. C'est possible. Et là, clairement, tous les éditeurs de la BTS en juporerie, il n'y a pas fini. C'est, c'est, enfin, c'est aussi d'avant, c'est ça, vous dites. Là, ça a l'intérêt de faire du réact. C'est genre, c'est genre de chose-là. Faitement, réact, par exemple, sans réact, ça a été, ça a été marrant. Alors, on va dire, oui, il y a peut-être une heure qui existe, mais regardez-toi. C'est bien, mais alors, je ne connais pas tous. Il y en a qui ont fait des, des, des récoltages, des récoltages, des môts d'heure, ils vont tout de loin. Donc, on va voir, tous les sculpteurs, en fait, ces fleurs réactent. Donc, à l'étape du sculpteur, nous devons les croire, etc. Et quand, si vous voulez pas de faire de côté, si vous n'avez pas de côté, peut-être que vous avez des applications intéressantes à faire. Et là, on commence pour construire un email dans le place avec un sculpteur. Là, c'est la présence. Je vais vraiment l'utiliser. Mais, il n'y a pas trop de choix que de faire une seule et même application globale. Vous pouvez pas modulariser plusieurs choses. Mais, c'est un genre de fameur pour autant. Ok. Allez.