Verständnis der React-Projektstruktur

Wenn du ein React-Projekt mit Vite erstellst, generiert es eine Reihe von Dateien und Ordnern, die die Projektstruktur bilden. Auf den ersten Blick kann diese Struktur überwältigend wirken, aber du musst nicht alles sofort verstehen.

Untersuche, wofür jeder Hauptordner und jede Datei verwendet wird und mit welchen Teilen du am häufigsten arbeiten wirst.

Übersicht über das Projektverzeichnis

Ein Vite React-Projekt enthält typischerweise die folgenden Elemente auf der obersten Ebene:

• node_modules;
• public;
• src;
• index.html;
• package.json;
• package-lock.json;
• vite.config.js;
• eslint.config.js;
• .gitignore;
• README.md;

Im Folgenden werden die wichtigsten davon erläutert.