Erste Schritte

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

React ist eine JavaScript-Bibliothek zur Erstellung von Benutzeroberflächen. Erfahre mehr auf unserer Homepage oder im Tutorial worum es bei React geht und was es ist.


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, dabei ist es ist egal ob du nur ein wenig Interaktivtät zu einer kleinen HTML-Seite hinzufügen, bestehende Anwendungen erweitern oder eine komplexere Anwendung bauen möchtest.

Online Spielwiesen

Wenn du ein bisschen mit React herum spielen möchtest, dann kannst du dafür online Code-Editoren benutzen. Probiere “Hallo Welt” auf CodePen, CodeSandbox oder Glitch aus.

Wenn du lieber deinen eigenen Editor verwenden möchtest, kannst du diese HTML Datei herunterladen, bearbeiten und mit deinem Browser anschauen. In dieser Datei wird eine langsame Codeumwandlung zur Laufzeit angewandt, daher empfehlen wir diese Datei nur für kleinere Demonstrationen und Verprobungen zu verwenden.

React zu einer Webseite hinzufügen

Du kannst React innerhalb einer Minute zu einer HTML-Seite hinzufügen. Danach kannst du entweder die Präsenz von React immer mehr erweitern oder es nur für ein paar Bestandteile wie Formulare o. ä. benutzen.

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!

Sobald jedoch deine Anwendung wächst, solltest du ein fertiges Setup verwenden. Es gibt eine Menge vorhandener JavaScript Werzeuge die wir für größere Anwendungen empfehlen. Jedes von ihnen kommt mit wenig bis garkeiner Vorkonfiguration aus und lässt dich trotzdem den vollen Funktionsumfang des React-Ökosystems genießen.

Lerne React

Es kommen Personen mit unterschiedlichsten Hintergründen und Lernstylen zu React. Hoffentlich findest du diese Abschnitte hilfreich, es kommt nur darauf an ob du einen theoretischen oder eher praktischer Ansatz bevorzugst.

Wie jede unbekannte Technologie, hat auch React eine gewisse Lernkurve. Mit etwas Übung und Geduld wirst du aber den Dreh raus bekommen.

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.

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!