Quelle est la raison pour laquelle le serveur live ne peut pas être utilisé dans l'application React ?

Question

Je sais qu'il n'est pas possible de servir une application React à l'aide d'un serveur live. En d'autres termes, même si le js est regroupé et lié au fichier HTML, le code React ne s'affichera pas si vous ouvrez le fichier de manière statique.

J'ai découvert les serveurs statiques et dynamiques, mais comme React tout se passe sur le client, je ne comprends pas pourquoi servir l'application à l'aide de webpack, vite ou même d'un simple serveur express fonctionnerait, mais pas via un serveur live. , ne peut pas non plus être ouvert et travaillé manuellement.

Quelle est la différence ?

Answer 1

La différence réside dans la manière dont le code JavaScript est exécuté dans le navigateur. Lorsque vous servez une application React via un serveur de développement webpack, un serveur express ou tout autre type de serveur, le code JavaScript est exécuté dans le contexte de la page Web, avec accès au DOM et à l'ensemble de l'API Web.

Cependant, lorsque vous ouvrez un fichier HTML de manière statique, le code JavaScript est exécuté dans un environnement isolé et l'accès à l'API Web est limité. C'est pourquoi le code React qui s'appuie sur le DOM et l'API Web ne fonctionne pas lorsqu'il est ouvert manuellement.

Webpack, vite et express fournissent un environnement dynamique avec toutes les API et services nécessaires à l'exécution de React. Cela se fait en servant l'application comme une page Web via HTTP, qui est ensuite chargée et exécutée par le navigateur.