React.js : flux de données dans l'application

Bonjour, je m'appelle Tony et dans ces leçons nous parlerons à propos du flux de données à l'intérieur d'une structure de dossiers d'application et des hooks personnalisés avec l'API contextuelle. Dans cette leçon, nous parlerons de plusieurs composants, routage et navigation. Jetons un coup d'œil à l'application. Vous pouvez ajouter des tâches ici une par une. Cochez-les et supprimez-les. Et il y a un compteur en dessous qui compte pour nous. Jusqu'à présent, tout a été servi. Nous par un seul composant et ça. Le composant était auparavant hébergé dans l’application. Alors maintenant, notre application est un peu différente. Nous le voyons en ce moment. Ceci est disponible pour nous chez Slashnda et si nous allons ici, nous récupérez cette petite page minime juste pour illustrer ce point cela dit bienvenue sur mon application. Alors, comment nous procédons, c'est nous. Utilisez un composant de réaction fourni. Nous par réaction routeur Dom appelé routeur de navigateur ou routeur. C'est la nomenclature pour cela. Le routeur est le tout premier composant. Les itinéraires sont immédiatement en dessous. Ici encore, nous exportons des routeurs de navigateur. Je suppose que nous pourrions faire cela pour dissiper la confusion. Cela nous donne effectivement la même chose. Le routeur du navigateur est donc le composant le plus important. Les itinéraires se trouvent immédiatement en dessous et les itinéraires individuels. Sont ici un seul composant d'itinéraire. Alors, que se passe-t-il à l'intérieur de ce composant unique qui pointe chaque individu. Chemin à une sorte de composant. Cela sert cette route. Le chemin est donc le premier. Donc pour l’agenda Slash, quand ce chemin. C'est exact, l'élément que nous utilisons. La sortie pour cet itinéraire est la suivante. Élément d’ordre du jour ici. Jetons un coup d'oeil. C'est essentiellement ce que nous avions dans le. Composant d'application avant de le supprimer. Être son propre composant. Ceux-ci viennent comme accessoires. Nous les transmettons donc depuis le composant app. Et le reste est comme. C’était le cas avant. Il n’y a donc aucun changement dans cette partie. Nous faisons la même chose ici. Seulement, nous ne transmettons aucun accessoire. Ici peu importe car il s’agit d’un composant très très simple. En gros, cela dit simplement bienvenue sur mon application au milieu du écran. Mais nous en avons aussi la capacité. Faites quelque chose d'assez soigné ici. Donc, jusqu'à présent, nous avons utilisé des chemins exacts, mais nous avons aussi les chemins exacts. Possibilité d'utiliser des caractères génériques. Ainsi, par exemple, si nous voulions tout. Demander aux tâches que quelque chose soit redirigé vers l'agenda, c'est comment nous procéderions. Nous utiliserions le composant route, les chemins seraient tâches Étoile. Donc Star est bien sûr un Wildcard. Pour tout ce qui suit un chemin de tâches Slash. Ou plutôt une partie du chemin. Et nous allons utiliser Navigate qui est un outil spécial élément que nous. Sont également transportés depuis le routeur React Dom et nous allons utiliser ce Naviguer pour accéder à l'agenda Slash. Voyons comment cela fonctionne. Donc, si nous devions y aller. Et littéralement n'importe quoi ici, nous allons être redirigés vers l'ordre du jour. Bien entendu, dans une organisation professionnelle, cela va être beaucoup plus étendu. Mais en gros, ce que vous allez faire. Voir va être une sorte. D'une variante de ce que nous venons de voir, mais une fois de plus à grande échelle. À une échelle professionnelle dans un environnement réel. Dans notre prochaine leçon, nous y allons. Pour examiner la structure appropriée des dossiers d’application. Merci d'avoir regardé. Au revoir.