© Kenshi991/Shutterstock.com, © Mrspopman1985/Shutterstock.com
Teil 1: React - ein Blick unter die Haube

Auf die Plätze, fertig, React!


In den vergangenen Jahren hat sich die UI-Bibliothek React zu einer ernstzunehmenden Alternative zu anderen etablierten Webframeworks wie Angular, Ember oder extJS entwickelt. Steht heute die Entscheidung zur Auswahl einer Lösung an, ist React zumindest auf einem der vorderen Plätze. Doch warum ist diese leichtgewichtige Bibliothek eigentlich so erfolgreich?

Der Erfolg von React liegt einerseits an dessen Performance, die seine Konkurrenten alt aussehen lässt. Zum anderen aber auch an einem Ökosystem, das sich um React entwickelt hat und mit dem sich selbst die umfangreichsten Applikationen umsetzen lassen. Dieser Artikel ist der erste in einer Serie, die sich mit React und den Bibliotheken und Werkzeugen rund um die Frontend-Bibliothek von Facebook beschäftigt. Auf den folgenden Seiten erfahren Sie, wie Sie Ihr Frontend mit React strukturieren können, worin das Geheimnis der Leistungsfähigkeit der Bibliothek liegt und welche Änderungen sich durch die Neuentwicklung des Kerns von React ergeben.

Die ersten Schritte

Bevor Sie sich mit React beschäftigen, sollten Sie über eine funktionierende Entwicklungsumgebung verfügen, mit der Sie mit dem Framework experimentieren und auch eigene Applikationen umsetzen können. Zugegebenermaßen ist dies eine recht einfache Aufgabe mit React. Wie für so viele Aufgaben, gibt es auch für den Start mit React ein Werkzeug. Es trägt den Namen create-react-app, ist als Node-Paket umgesetzt und als Open-Source-Projekt im Rahmen des Facebook-Inkubators entstanden.

Um mit React arbeiten zu können, benötigen Sie also lediglich eine Installation von Node.js auf Ihrem System. Die Node.js-Plattform können Sie sich entweder als Installer-Paket von [1] herunterladen oder über den Paketmanager Ihres Systems installieren. Für den Umgang mit Abhängigkeiten kann entweder der in Node.js enthaltene Node Package Manager oder der von Facebook entwickelte Paketmanager Yarn verwendet werden. Beide Werkzeuge greifen auf das npm-Repository zu und unterscheid...

Neugierig geworden?

Angebote für Teams

Für Firmen haben wir individuelle Teamlizenzen. Wir erstellen Ihnen gerne ein passendes Angebot.

Das Library-Modell:
IP-Zugang

Das Company-Modell:
Domain-Zugang