Erstens ist React eine beliebte JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen, insbesondere für Einzelseitenanwendungen. Es ermöglicht Entwicklern, wiederverwendbare Komponenten zu erstellen und den Status ihrer Anwendungen effizient zu verwalten. In diesem Blog werde ich den Prozess der Einrichtung eines React-Projekts und vieles mehr durchgehen.

Voraussetzungen
Bevor Sie mit React beginnen oder ein React-Projekt erstellen, müssen Sie die folgenden Tools installieren.

1. Node.js: Sie können die neueste Version von Node.js von der offiziellen Website herunterladen: https://nodejs.org/en.
2. Code-Editor: Sie können jeden Editor verwenden, mit dem Sie vertraut sind. Ich empfehle dringend, VSCode zu verwenden.

So erstellen Sie ein Projekt

1. Öffnen Sie die Eingabeaufforderung oder Ihr Terminal.
2. Führen Sie den folgenden Befehl aus

//Replace my-app with the name of your project.
npx create-react-app my-app

//navigate to your project directory
cd my-app 

//this cmd helps us to run our script
npm start 

Ordnerstruktur

my-app/
├── node_modules/
├── public/
│   ├── index.html
│   └── manifest.json
├── src/
│   ├── components/
│   ├── App.css
│   ├── App.js
│   ├── App.test.js
│   ├── index.css
│   ├── index.js
│   └── reportWebVitals.js
├── .gitignore
├── package-lock.json
├── package.json
└── README.md

1. node_modules: Ein Verzeichnis, in dem alle für Ihr Projekt erforderlichen Abhängigkeiten wie Bibliotheken und Pakete gespeichert sind.

2. src: Der Quellordner, der Ihren gesamten React-Anwendungscode enthält. Hier schreiben Sie die Komponenten, Stile und Logik für Ihre React-Anwendung.

3. package.json: Eine JSON-Datei, die Metadaten zu Ihrem Projekt und den dafür erforderlichen Abhängigkeiten enthält. Es verwaltet die Abhängigkeiten, Skripte, Versionen und andere Dinge des Projekts.