Frontend-Entwicklung mit Facebooks JavaScript-Bibliothek React

Anhand einer Quiz-App erklärt dieser Artikel, wie die einzelnen Komponenten von React zusammenspielen.

Artikel verschenken
In Pocket speichern vorlesen Druckansicht
Frontend-Entwicklung mit React
Lesezeit: 19 Min.
Von
  • Sebastian Springer
Inhaltsverzeichnis

React erfreut sich wachsender Beliebtheit: Laut einer Studie von npm Inc. nutzen 60 Prozent der Befragten Frontend-Bibliothek und die Verbreitung steigt. Die Download-Zahlen auf der npm-Plattform, der Hauptbezugsquelle für JavaScript-Pakete, sprechen ebenfalls dafür. React liegt damit klar vor den Konkurrenten Angular und Vue und ist der Marktführer im Frontend-Sektor.

Seit 2013 wird die Bibliothek als Open-Source-Projekt unter der MIT-Lizenz entwickelt. Sie ist in JavaScript geschrieben und dient dazu, grafische Oberflächen im Web umzusetzen. Der Kern existiert bereits seit 2011. Damals handelte es sich noch um ein internes Projekt bei Facebook, mit dem der Newsfeed der Plattform generiert wurde.

React (Download) verfolgt einen komponentenorientierten Ansatz. Die Oberfläche einer Applikation besteht aus überschaubaren und lose gekoppelten Einzelteilen, die zu einer Baumstruktur zusammengefügt werden. Die Informationen fließen von der Wurzel in Richtung der Kindkomponenten. Diese informieren ihre jeweiligen Elternkomponenten über Änderungen.