React

React ist ein kostenloses Werkzeug von Meta, das Bildschirme im Browser aus kleinen wiederverwendbaren Teilen baut, wobei Sie das Ergebnis beschreiben und React die Änderungen ermittelt.

Auch bekannt als React.js ReactJS React-Bibliothek

Definition

React ist ein kostenloses Werkzeug von Meta, der Firma hinter Facebook, für die Bildschirme, die Sie im Browser sehen. Die Idee dahinter ist klein, und sie hat trotzdem verändert, wie die meisten Websites gebaut werden. Vor React musste jemand für jede einzelne Änderung am Bildschirm eine eigene Anweisung schreiben. Finde diese Überschrift, ändere jene Zahl, blende diese Zeile aus, Zeile für Zeile.

React dreht das um, denn Sie beschreiben, wie der Bildschirm mit den Daten von jetzt aussehen soll. Es vergleicht Ihre Beschreibung dann mit dem, was schon zu sehen ist, und ändert nur das Nötige. So denkt man nicht mehr in Schritten, sondern im Ergebnis.

Ein Bildschirm entsteht aus kleinen Teilen, den Komponenten, und jedes weiß, wie es sich selbst zeichnet. Ein Suchfeld ist ein Teil, eine Produktkarte ist ein weiteres, und ein Warenkorb ist ein Teil aus kleineren Teilen. Deshalb steht dieselbe Produktkarte auf der Startseite, in der Suche und in einer Bestellung, ohne dreimal geschrieben zu werden. Die Ersparnis ist echt, und darum ist fast die gesamte Webarbeit der letzten zehn Jahre so gebaut.

Jetzt der Teil, den kaum jemand sagt: React ist eine Bibliothek, kein vollständiger Baukasten. Es zeichnet Bildschirme und hört dort auf, entscheidet also nicht, wie Seiten verbunden sind oder wie ein Formular geprüft wird. Es entscheidet auch nicht, wie Daten vom Server kommen, sodass jedes Team diese Teile selbst wählt. Das heißt, zwei Projekte mit React können fast keinen Code teilen. Der Satz „unsere Entwickler können React“ sagt damit weniger, als er klingt, und die nützliche Frage lautet, welche weiteren Werkzeuge dazugehören. Genau das fragt Linkysoft, bevor es ein übernommenes Projekt anbietet, weil die Antwort entscheidet, wie viel der alten Arbeit bleibt.

Es gibt auch einen Preis, denn der Browser lädt die Anwendung und führt sie aus, bevor überhaupt etwas erscheint. Auf einem billigen Handy mit schwachem Signal ist das echtes Warten, und Suchmaschinen sahen jahrelang leere Seiten. Genau dafür wurde Next.js gebaut. Die zweite Überraschung heißt React Native, die zwar die Ideen und viel Wissen teilt, aber nicht die Bildschirme. Aus einer React-Website wird deshalb nicht gratis eine Handy-App, und wir sagen das gleich zu Beginn. Die erhoffte Ersparnis liegt im Team und nicht im Code, und darum kommt die Frage früh, wenn Linkysoft eine Webanwendung abgrenzt.

Fragen zu React

Ist React eine Programmiersprache?
Nein. React ist fertiger Code, geschrieben in JavaScript. Sie schreiben weiterhin JavaScript; React gibt Ihnen nur eine bessere Art, den Bildschirm zu beschreiben.
Kostet React Geld?
Das Werkzeug selbst ist frei und offen, ohne Lizenzgebühr. Bezahlt wird die Zeit der Entwickler und alles, was React nicht mitbringt, etwa Hosting oder ein gekauftes Komponenten-Paket.
Ist eine React-Website gut für Google?
Sie kann es sein, aber nicht von selbst. Eine einfache React-Seite kommt fast leer an und wird erst im Browser gefüllt. Die fertige Seite vom Server zu schicken, wie es Next.js tut, ist die sichere Antwort, wenn Suchbesucher zählen.
Kann aus meiner React-Website eine Handy-App werden?
Nicht per Knopfdruck. Mit React Native baut dasselbe Team die App nach denselben Ideen, die Bildschirme werden aber neu geschrieben. Rechnen Sie mit einem echten Projekt, nur mit weniger Einarbeitung.
Wird React in fünf Jahren noch gepflegt?
Versprechen kann das niemand, aber React trägt Facebook und einen großen Teil des Webs, und Tausende Firmen hängen daran. Das größere Risiko sind die Werkzeuge drumherum, die sich viel häufiger ändern.

Immer noch unsicher, was das für Ihr Projekt bedeutet?

Sagen Sie uns, was Sie bauen, und wir antworten in klarer Sprache.