


Quelle est la différence entre réagir sur une seule page et sur plusieurs pages ?
Apr 18, 2022 am 10:56 AMDifférences?: 1. Différentes URL dans les applications multipages renvoient un HTML différent, tandis que différentes URL dans les applications monopage renvoient le même HTML?; 2. Même s'il existe des ressources publiques dans les deux pages des applications multipages, ces ressources publiques sont les ressources seront effacées et retéléchargées. Ces ressources publiques d'applications d'une seule page ne seront pas téléchargées à plusieurs reprises.
L'environnement d'exploitation de ce tutoriel : système Windows 10, React version 17.0.1, ordinateur Dell G3.
Quelle est la différence entre une seule page et plusieurs pages dans React
Application multi-pages
L'URL est utilisée par le navigateur pour demander les ressources correspondantes au serveur. Différentes URL renvoient un code HTML différent.
Le navigateur efface la page A, télécharge les ressources js/css correspondantes et affiche la page B en fonction du contenu HTML qui vient d'être renvoyé.
Même s'il y a des ressources publiques (barre de navigation, etc.) sur les pages A et B, ces ressources publiques seront effacées et téléchargées à nouveau.
Application d'une seule page
L'URL est utilisée par le navigateur pour demander les ressources correspondantes au serveur, mais différentes URL renvoient le même code HTML (shell HTML), mais le contenu HTML a été mis à jour
-
Le navigateur n'efface pas la page A, mais télécharge uniquement les ressources js/css (fragmentation de code) requises pour la page B
Si A Il existe des ressources publiques (barre de navigation, etc.) avec la page B, et ces ressources publiques ne seront pas téléchargées à plusieurs reprises.
Actualisez la page Web et visitez http://localhost:3000. Dans l'outil réseau du navigateur, vous pouvez voir que trois fichiers ont été téléchargés, à savoir common.bundle., bundle et home.chunk.js. lequel home .chunk.j est un fichier fragmenté spécifique à Home. Lorsque nous cliquons sur le lien à propos dans la barre supérieure, nous pouvons voir qu'il n'y a qu'un seul fichier nouvellement téléchargé à propos de.chunk.
Tutoriel vidéo React"
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Outils d'IA chauds

Undress AI Tool
Images de déshabillage gratuites

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Clothoff.io
Dissolvant de vêtements AI

Video Face Swap
échangez les visages dans n'importe quelle vidéo sans effort grace à notre outil d'échange de visage AI entièrement gratuit?!

Article chaud

Outils chauds

Bloc-notes++7.3.1
éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

NetflixUSESACustomFrameworkCalled "gibbon" builtonReact, notreactorVueDirectly.1) teamExperience: ChoOsBasedOnFamiliarity.

L'écosystème React comprend des bibliothèques de gestion d'état (telles que Redux), des bibliothèques de routage (telles que Reactrouter), des bibliothèques de composants d'interface utilisateur (telles que Material-UI), des outils de test (tels que la plaisanterie) et de la construction d'outils (tels que WebPack). Ces outils fonctionnent ensemble pour aider les développeurs à développer et à maintenir efficacement les applications, à améliorer la qualité du code et l'efficacité de développement.

Netflix utilise React comme cadre frontal. 1) Le modèle de développement composant de React et un écosystème fort sont les principales raisons pour lesquelles Netflix l'a choisi. 2) Grace à la composante, Netflix divise les interfaces complexes en morceaux gérables tels que les lecteurs vidéo, les listes de recommandations et les commentaires des utilisateurs. 3) Le cycle de vie virtuel et composant virtuel de React optimise l'efficacité du rendu et la gestion de l'interaction des utilisateurs.

L'avenir de React se concentrera sur l'ultime dans le développement des composants, l'optimisation des performances et l'intégration profonde avec d'autres piles technologiques. 1) React simplifiera encore la création et la gestion des composants et promouvra l'ultime dans le développement des composants. 2) L'optimisation des performances deviendra le centre d'attention, en particulier dans les grandes applications. 3) React sera profondément intégré à des technologies telles que GraphQL et TypeScript pour améliorer l'expérience de développement.

React est une bibliothèque JavaScript développée par Meta pour la création d'interfaces utilisateur, avec son c?ur étant le développement des composants et la technologie DOM virtuelle. 1. Gestion des composants et de l'état: React gère l'état à travers les composants (fonctions ou classes) et les crochets (tels que UseState), améliorant la réutilisabilité et la maintenance du code. 2. Dom virtuel et optimisation des performances: via Virtual Dom, React met à jour efficacement le DOM réel pour améliorer les performances. 3. Cycle de vie et crochets: les crochets (tels que l'utilisation d'effet) permettent aux composants de la fonction de gérer les cycles de vie et d'effectuer des opérations à effet secondaire. 4. Exemple d'utilisation: des composants de Basic Helloworld à la gestion avancée de l'état mondial (UseContext et

Les avantages de React sont sa flexibilité et son efficacité, qui se reflètent dans: 1) la conception basée sur les composants améliore la réutilisabilité du code; 2) La technologie DOM virtuelle optimise les performances, en particulier lors de la gestion de grandes quantités de mises à jour de données; 3) L'écosystème riche fournit un grand nombre de bibliothèques et d'outils tiers. En comprenant comment React fonctionne et utilise des exemples, vous pouvez ma?triser ses concepts principaux et les meilleures pratiques pour créer une interface utilisateur efficace et maintenable.

Netflix utilise principalement React comme cadre frontal, complété par Vue pour des fonctions spécifiques. 1) La composante de React et le DOM virtuel améliorent l'efficacité des performances et du développement des applications Netflix. 2) Vue est utilisée dans les outils internes et les petits projets de Netflix, et sa flexibilité et sa facilité d'utilisation sont essentielles.

React est un cadre frontal pour la construction d'interfaces utilisateur; Un framework back-end est utilisé pour créer des applications c?té serveur. React fournit des mises à jour d'interface utilisateur composentisées et efficaces, et le framework backend fournit une solution de service backend complète. Lors du choix d'une pile technologique, les exigences du projet, les compétences en équipe et l'évolutivité doivent être prises en compte.
