Pourquoi create-react-app crée-t-il App.js et index.js?
J'ai commencé à apprendre React et maintenant j'essaie de comprendre quel est le but du index.js et App.js qui sont créés en exécutant create-react-app .
Pourquoi ne pouvons-nous pas simplement utiliser, par exemple. App.js?
J'ai lu que App.js était généralement utilisé comme point d'entrée principal de l'application, mais le code généré automatiquement de index.js semble faire partie du point d'entrée principal:
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';
ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();
J'ai vu une question similaire pour réagir natif mais je veux en savoir plus sur réagir en général.
index.js est le point d'entrée traditionnel et réel pour toutes les applications de nœuds. Ici, dans React, il n'a que le code de quoi rendre et où rendre.
App.js d'autre part a le composant racine de l'application React car chaque vue et composant est géré avec une hiérarchie dans React, où <App /> est le composant le plus haut de la hiérarchie. Cela vous donne l'impression de maintenir la hiérarchie dans votre code à partir de App.js.
En dehors de cela, vous pouvez avoir la logique de l'application dans index.js fichier lui-même. Mais c'est quelque chose lié aux conventions suivies par la communauté utilisant la bibliothèque ou le framework. C'est toujours agréable de suivre la communauté.