Installation

React wurde von Anfang an für eine stufenweise Integration konzipiert. Du kannst React in dem Maße verwenden, wie es für dich passt. Unabhängig davon, ob du einen ersten Eindruck von React gewinnen möchtest, Interaktivität zu einer HTML-Seite hinzufügen oder eine komplexe React-basierte App starten möchtest, dieser Abschnitt wird dir helfen, den Einstieg zu finden.

React ausprobieren

Um React zu testen, musst du nichts installieren. Probiere es einfach in dieser Sandbox aus!

function Greeting({ name }) {
  return <h1>Hello, {name}</h1>;
}

export default function App() {
  return <Greeting name="world" />
}

Du kannst den Code direkt editieren oder dazu ein neues Browserfenster öffnen, indem du den “Fork”-Button in der oberen rechten Ecke verwendest.

Die meisten Seiten in der React-Dokumentation haben Sandboxen wie diese. Außerhalb davon gibt es viele Online-Sandboxen, die React unterstützen, zum Beispiel: CodeSandbox, StackBlitz, oder CodePen.

Probiere React lokal aus

Um React lokal auf dem eigenen Computer auszuprobieren, lade diese HTML-Seite herunter. Öffne sie sowohl in deinem Code-Editor als auch in deinem Browser.

Starte ein neues Projekt mit React

Wenn du eine neue Anwendung oder eine Webseite vollständig mit React erstellen willst, dann starte ein neues Projekt mit React.

Füge React zu einem bestehenden Projekt hinzu

Wenn du React in einer bestehenden Anwendung oder Webseite testen willst, füge React zu einem bestehenden Projekt hinzu.

Nächste Schritte

Sieh dir den Schnelleinstieg an, um dort eine Tour von den wichtigsten React-Konzepten zu bekommen, den du jeden Tag begegnen wirst.