Réagissez le point d'entrée principal

Question

Je ne comprends pas la structure de la plupart des passe-partout. Je vois toujours 2 fichiers nommés "index" (un fichier js et un autre fichier html). Je veux comprendre comment fonctionne le point d'entrée principal. Je vois souvent le web pack pour ce travail mais ma principale préoccupation est, pourquoi est-ce que j'utilise un fichier index.html quand je peux (je suppose) faire tout mon travail dans le fichier js?

Answer 1

Structure Eh bien, je mes React applications comme ceci:

index.js - appels ReactDOM.render() sur app.jsx, qui est la racine React composant.

bundle.js - Ce fichier est l'endroit où index.js et tous les composants JSX sont fusionnés après avoir été compilés en JavaScript standard en utilisant Webpack (donc bundle).

index.html - bundle.js est importé dans le corps de ce fichier html via une balise script, c'est le point d'entrée.