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

React testen

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

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, or CodePen.

React lokal testen

Um React lokal auf dem eigenen Computer zu testen, downloade diese HTML Seite. und öffne sowohl in deinem Code-Editor als auch in deinem Browser ( React wird hier über CDN eingebudnen )

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.

Add React to an existing project

If want to try using React in your existing app or a website, add React to an existing project.

Nächste Schritte

Geh zum Schnelleinstieg und sieh dir eine kurze Einfuhrung in die wichtigsten React Konzepte an, denen man täglich begegnen wird wenn man mit React arbeitet