Zum Inhalt springen
Akinware
Laptop und Tablet zeigen dieselbe Oberfläche nebeneinander

React-Entwicklung in NRW

React ist eine Bibliothek für Oberflächen im Browser. Die Seite wird in kleine Bausteine zerlegt, und wenn sich Daten ändern, aktualisiert React genau die Stellen, an denen etwas anders ist.

Täglich im EinsatzJede Oberfläche, die wir bauen, entsteht in React, auch diese Webseite.

Was wir mit React bauen

  • Bildschirm mit einem Dashboard voller Diagramme und Kennzahlen

    Webanwendungen

    Werkzeuge, die im Browser laufen. Für Abläufe, die bisher in Excel-Tabellen und E-Mails hängen.
  • Laptop auf einem Schreibtisch mit einer geöffneten Webseite

    Webseiten

    Die Seite, über die euch Kunden finden. Schnell geladen und so gebaut, dass Google sie versteht.
  • Versandkarton wird gepackt, daneben ein Handy mit einer Bestellübersicht

    Onlineshops

    Verkaufen im Netz, angebunden an das, was ihr schon nutzt. Warenwirtschaft, Zahlung, Versand.
  • Tablets mit Entwürfen, daneben Farbmuster und Stifte

    Design & Medien

    Gestaltung, Bilder und Videos, damit die Seite nach euch aussieht und nicht nach Vorlage.

Was ist React

React ist eine JavaScript-Bibliothek für Benutzeroberflächen, entwickelt bei Facebook, heute Meta, und seit 2013 quelloffen unter MIT-Lizenz. Man beschreibt darin nicht, welche Schritte der Browser ausführen soll, sondern wie die Oberfläche bei einem bestimmten Datenstand aussieht. Ändern sich die Daten, vergleicht React alt und neu und tauscht nur den Unterschied aus.

Die Bausteine heißen Komponenten und sind wiederverwendbar: eine Tabelle, ein Formularfeld, eine Karte. Dieses Denken hat sich durchgesetzt und prägt heute auch andere Werkzeuge. React selbst kümmert sich bewusst nur um die Oberfläche, alles Weitere kommt aus dem Umfeld, etwa Next.js für ganze Webseiten oder React Native für Apps.

Ein Fensterbauer lässt Kunden im Browser ihre Variante zusammenstellen: Maße, Material, Beschlag, Farbe. Bei jeder Auswahl ändern sich verfügbare Optionen und Preis, und das ohne Neuladen der Seite. Genau dafür ist React gemacht, weil der Zustand an einer Stelle liegt und die Anzeige immer dazu passt. Am Ende landet die Konfiguration als Anfrage im Postfach des Vertriebs.

Entwickelt von
Meta, quelloffen
Erschienen
2013
Art
Bibliothek für Oberflächen, kein Komplettpaket
Lizenz
MIT, kostenfrei nutzbar
Bekannte Nutzer
Facebook, Instagram, WhatsApp Web

Welches Framework passt zu euch

Fünf Fragen, keine Eingabe von Daten. Am Ende steht eine Empfehlung, auch wenn sie auf eine andere Seite führt als diese.

Laptop auf einem Schreibtisch mit einer geöffneten Webseite

Frage 1 von 5

Was baut ihr?

  1. Was baut ihr?
  2. Was ist bei euch schon im Einsatz?
  3. Sollen Suchmaschinen die Inhalte lesen?
  4. Braucht ihr auch den Teil auf dem Server?
  5. Wer arbeitet später damit?

Womit wir arbeiten

Wir bauen mit aktueller Technik, nicht mit einem Baukasten. Das ist der Unterschied, den man erst merkt, wenn etwas geändert werden soll, das der Baukasten nicht vorgesehen hat.

Fragen zu React

Wann lohnt sich React?

Sobald die Oberfläche mehr tut als Text anzeigen. Filter, Konfiguratoren, Tabellen mit Sortierung, mehrstufige Formulare, Ansichten, die sich laufend aktualisieren. Ohne React werden solche Oberflächen schnell unübersichtlich, weil jeder Klick von Hand mit der Anzeige abgeglichen werden muss. Mit React beschreibt man den Zustand einmal, und die Anzeige folgt.

Wann lohnt es sich nicht?

Bei einer Seite, die nur Inhalte zeigt. Eine Firmenseite mit Leistungen, Team und Kontakt braucht kein React, sie wird damit nur langsamer und aufwendiger zu pflegen. Auch ein einzelnes Formular auf einer bestehenden Seite rechtfertigt selten die ganze Bibliothek. Wir raten dann zu einem Redaktionssystem oder einer schlanken Lösung ohne Framework.

Kann unser Team React später übernehmen?

Ja, das ist einer der Gründe für React. Entwickler mit React-Erfahrung sind gut zu finden, und die Struktur aus Komponenten liest sich auch für Neue. Wir schreiben in TypeScript und dokumentieren die Bausteine, damit der Einstieg nicht am Raten hängt. Auf Wunsch übergeben wir das Projekt in einem Termin und begleiten die ersten Wochen.

Übernehmt ihr bestehende React-Projekte?

Ja. Wir sehen uns zuerst an, wie alt die Bibliotheken sind und wie der Zustand verwaltet wird, weil daran meist die Probleme hängen. Danach sagen wir, ob Weiterentwickeln sinnvoll ist oder ob sich ein Neubau rechnet. Beides kommt vor, und wir begründen unsere Einschätzung.

Ist React schlecht für Google?

Reines React kann das sein, weil der Inhalt erst im Browser entsteht und die erste Antwort vom Server fast leer ist. Für öffentliche Seiten setzen wir deshalb Next.js darüber, das fertiges HTML ausliefert. Hinter einem Login spielt es keine Rolle, dort soll ohnehin nichts indexiert werden.

Kontakt und kostenlose Beratung

Hände tippen auf einer Laptop-Tastatur, daneben eine Tasse Kaffee
Telefon0208 78015410E-Mailinfo@akinware.com
Adresse
Huyssenstraße 6G, 46119 Oberhausen
Worum geht es