Erste Schritte

Diese Seite bietet einen Gesamtüberblick über die React-Dokumentation und alle damit zusammenhängenden Ressourcen.

React ist eine JavaScript-Bibliothek zur Erstellung von Benutzeroberflächen. Erfahre auf unserer Homepage oder im Tutorial mehr darüber, worum es bei React geht und was es so einzigartig macht.

---

• Probiere React aus
• Lerne React
• Bleibe auf dem neuesten Stand
• Versionierte Dokumentation
• Fehlt etwas?

Probiere React aus

React wurde von Anfang an für eine schrittweise Einführung entwickelt und du kannst selbst entscheiden, wie viel oder wie wenig du von React benutzen möchtest. Die Links in diesem Abschnitt helfen dir beim Einstieg, ob du nur ein wenig Interaktivität zu einer kleinen HTML-Seite hinzufügen, bestehende Anwendungen erweitern oder eine komplexere Anwendung bauen möchtest.

Online-Sandkasten

Wenn du aus Interesse ein wenig mit React herumspielen möchtest, kannst du dafür online Code-Sandkästen benutzen. Probiere dazu “Hallo Welt” auf CodePen, CodeSandbox oder Stackblitz aus.

Wenn du lieber deinen eigenen Texteditor verwenden möchtest, kannst du diese HTML-Datei herunterladen, lokal bearbeiten und in deinem Browser aufrufen. Die Datei führt eine langsame Codeumwandlung in der Laufzeit aus, daher würden wir sie nur für einfachere Demonstrationszwecke empfehlen.

Füge React zu einer Webseite hinzu

Du kannst React in einer Minute zu einer beliebigen HTML-Seite hinzufügen. Danach kannst du entweder die React-Anteile deiner Anwendung stetig erweitern, oder es nur für gewisse in sich geschlossene, dynamische Bestandteile benutzen (zum Beispiel für Formulare).

Erstelle eine neue React-App

Am Besten fängst du ein neues React-Projekt mit einer einfachen HTML Seite und ein paar Script-Tags an. Innerhalb einer Minute hast du alles fertig aufgesetzt!

Wenn deine Anwendung wächst, wirst du womöglich ein stärker integriertes Setup in Betracht ziehen. Es gibt mehrere JavaScript-Werkzeugsammlungen, die wir für größere Anwendungen empfehlen können. Jede dieser Sammlungen kommt mit minimaler bis gar keiner Vorkonfiguration aus. Trotzdem werden sie dir den vollen Funktionsumfang des React-Ökosystems bieten. Erfahre mehr darüber.

Lerne React

React zieht Anfänger mit allen möglichen Hintergründen an, alle mit ihrem eigenen Lernstil. Hoffentlich findest du diese Abschnitte hilfreich, ob du nun eher einen theoretischen oder einen praktischen Ansatz bevorzugst.

• Wenn du eher anhand von praktischen Übungen lernst, dann fang mit unserem praktischen Tutorial an.
• Wenn du vorzugsweise Konzepte Schritt für Schritt lernst, fang mit unserem Leitfaden zu den Hauptkonzepten an.

Wie auch jede andere ungewohnte Technologie, hat auch React eine gewisse Lernkurve. Mit etwas Übung und Geduld wirst du definitiv den Dreh herausbekommen!

Erste Beispiele

Die React Homepage beinhaltet ein paar React Beispiele mit einem Live-Editor. Auch wenn du vorher noch nichts mit React gemacht hast kannst du hiermit ein wenig rumprobieren und direkt sehen was für Auswirkungen deine Änderungen haben.

React für Anfänger

Wenn du das Gefühl bekommen solltest, die React-Dokumentation geht schneller voran als du es gewohnt bist, können wir dir den React-Überblick von Tania Rascia ans Herz legen. Dieser stellt die wichtigsten React-Konzepte detailliert und anfängerfreundlich vor. Wenn du fertig bist, versuche es einfach noch einmal mit der Dokumentation!

React für Designer

Wenn du einen Designhintergrund hast, könnte diese Sammlung sehr hilfreich für dich sein.

JavaScript Resources

Die React Dokumentation setzt fundierte JavaScript Sprachkentnisse voraus. Du musst keine Experte sein, aber es wird dir viel schwerer fallen, React und JavaScript gleichzeitig zu lernen.

Wir empfehlen dir diesen JavaScript-Überblick durchzugehen und deinen Wissensstand zu überprüfen. Es wird dich zwischen 30 Minuten und einer Stunde deiner Zeit kosten, aber danach solltest du dich sicherer fühlen, React zu lernen.

Tipp:

Wenn dich manche JavaScript Funktionweisen verwirren sollten, können wir dir zum nachschlagen, MDN und javascript.info empfehlen. Außerdem gibt es auch noch unser Community Forum, in dem du nach Hilfe fragen kannst.

Praktisches Tutorial

Wenn du es lieber bevorzugst durch Übungen zu lernen, dann guck dir unser praktisches Tutorial an. Dort werden wir das Spiel “tic-tac-toe” in React erstellen. Du wirst diesen Teil vielleicht überspringen wollen, da du keine Spiele erstellen willst, aber gib ihm wenigstens eine Chance. In diesem Tutorial lernst du grundlegende Techniken, die bei allen React Anwendungen Verwendung finden und dir ein tieferes Verständnis geben.

Schritt für Schritt Leitfaden

Wenn du es bevorzugst Konzepte Schritt für Schritt zu lernen, dann ist der Leitfaden zu den Hauptkonzepten genau das Richtige für dich um anzufangen. Alle Kapitel bauen aufeinander auf, somit verpasst du nichts, wenn du alles nacheinander in der richtigen Reihenfolge liest.

Denke in React

Viele Benutzer schreiben, dass es nach dem Lesen von Thinking in React, bei ihnen “klick” gemacht hat. Dies ist wahrscheinlichst der älteste Leitfaden, aber er hat immer noch seine Da­seins­be­rech­ti­gung.

Empfohlene Kurse

Manchmal finden Personen Bücher und Videokurse von Drittanbietern hilfreicher als die offizielle Dokumentation, deshalb führen wir eine Liste von empfehlenswerten Quellen. Einige sind sogar kostenlos verfügbar.

Fortgeschrittene Konzepte

Wenn du einmal mit den Hauptkonzepten vertraut bist und ein wenig mit React herumgespielt hast, bist du vielleicht an den fortgeschrittenen Konzepten interessiert. Dieser Abschnitt zeigt dir mächtige React-Features, wie context und refs, diese finden aber weniger häufig Verwendung.

API Referenz

Dieser Abschnitt der Dokumentation ist nützlich, wenn du mehr über die React API erfahren möchtest. Zum Beispiel die API Referenz zu React.Component beschreibt detailiert wie setState() funktioniert und für welchen Einsatz die unterschiedlichen Lifecycle-Methoden nützlich sind.

Glossar and FAQ

Das Glossar bietet dir einen Überblick über die Begriffe, die am häufigsten in der React Dokumentation vorkommen. Es gibt außerdem ein FAQ, in welchem wir kleine Fragen zu allgemeinen Themen wie: AJAX Requests, States in Komponenten oder Dateistrukturen bearbeiten.

Bleib aktuell

Der React Blog ist die offizielle Quelle für Neuigkeiten des React-Teams. Alle wichtigen Informationen, einschließlich Versionshinweise oder nicht mehr weitergeführte Funktionaltäten, werden dort zuerst veröffentlicht.

Du kannst auch unserem Account, @reactjs, auf Twitter folgen. Du würdest aber nichts wichtiges verpassen, wenn du nur den Blog liest.

Nicht jede React Version bekommt einen eigenen Blogpost spendiert. Du kannst aber eine detailierte Liste aller Änderungen in der CHANGELOG.md, im React Repository finden, genauso wie auf der Releases-Seite.

Versionierte Dokumentation

Diese Dokumentation entspricht immer der neuesten “stable” Version von React. Seit React 16, können alle älteren Dokumentation auf einer seperaten Seite gefunden werden. Bitte beachte, dass die Dokumentation vergangener Versionen am Releasedatum zwischengespeichert wurde und nicht mehr kontinuierlich aktualsiert wird.

Fehlt etwas?

Wenn etwas in der Dokumentation fehlt oder du Dinge verwirrend findest, schreib uns deinen Vorschlag oder deine Verbesserung und mache ein Issue in unserem Dokumentation Repository auf. Du kannst uns natürlich auch über unseren Twitteraccount @reactjs erreichen. Wir freuen uns von dir zu hören!