Installation

React wurde von Anfang an für eine stufenweise Integration konzipiert. Du kannst React für deine ganze Anwendung nutzen oder nur die Teile davon, die du benötigst. React eignet sich sowohl dazu um eine einfache HTML-Seite reaktiv zu machen, als auch ganze Projekte von Grund auf damit zu erstellen

In this chapter

React testen

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

Fork

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

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

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

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

React lokal testen

Um React lokal auf dem eigenen Computer zu testen, downloade diese HTML Seite und öffne sie sowohl in deinem Code-Editor als auch in deinem Browser

Starte ein neues React Projekt

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

React zu einem bestehenden Projekt hinzufügen

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, dort findest du eine kurze Einfuhrung in die wichtigsten React Konzepte, denen man täglich begegnen wird, wenn man mit React arbeitet

PreviousThinking in React NextStart a New React Project