React und TypeScript für Oberflächen, die zum täglichen Werkzeug werden: Dashboards, mehrstufige Workflows, Live-Daten. Dazu das Handwerk darunter, von HTML über SASS und Tailwind bis zur Barrierefreiheit.
Oberflächen auf Basis von Material UI, an Dein Design angepasst
Automatisierte Tests mit Jest und Vitest
Barrierefreie und performante Oberflächen
/03
React nur, wo es passt.
Nicht jede Website braucht eine Single-Page-Application. Wo eine klassisch gerenderte Seite schneller, robuster und günstiger ist, sagen wir das, statt Dir die größere Lösung zu verkaufen. Du sprichst dabei direkt mit den Entwickelnden, die es später bauen würden.
Unten im View-Teil, wo das HTML gerendert wird, wollen wir so wenig Logik wie möglich haben: Filter für Listen, Klick-Handler und Ähnliches gehören alle nach oben. Das führt dazu, dass alle React-Komponenten gleich aussehen und gleich funktionieren – man findet sich sofort zurecht.
Wenn der Gotthard-Straßentunnel gesperrt wird, muss der Verkehr schon hunderte Kilometer vorher umgeleitet werden – und wer darauf zufährt, muss es rechtzeitig erfahren. Früher wurde dafür in jeder Region einzeln geschaltet und mit den Nachbarn abgestimmt. Heute läuft die Steuerung zentral, über eine Anwendung in der Verkehrsmanagementzentrale. Deren Frontend haben wir von 2022 bis 2025 in wesentlichen Teilen entwickelt und die Beiträge der übrigen Teams darin integriert.
Wie soll ein Arbeitsschritt ausgeführt werden? Wird er tatsächlich so ausgeführt? Und ist das Bauteil am Ende in Ordnung? An diesen drei Fragen arbeiten wir bei Magna Powertrain: 2025 haben wir die gewachsene Anwendung übernommen und bauen sie im laufenden Betrieb zu einer Software-Suite für den Shopfloor aus.
Zeitraum
seit 2025, laufend
Stack
Laravel, React, TypeScript, MSSQL
Case Study lesen →
05 — Häufige Fragen
Häufige Fragen.
Braucht mein Projekt überhaupt React?
Nicht unbedingt. Für inhaltsgetriebene Websites ist ein CMS mit klassisch gerenderten Seiten oft die bessere Wahl. React lohnt sich, wenn die Oberfläche App-Charakter hat: viel Interaktion, Echtzeitdaten, komplexe Workflows. Wir beraten Dich ehrlich, auch wenn die Antwort „kein React“ lautet.
Arbeitet ihr mit TypeScript?
Ja, durchgängig. Typsicherheit fängt Fehler ab, bevor sie den Browser erreichen, und macht Refactorings in großen Codebasen erst sicher möglich. Davon profitieren auch KI-Assistenten: Typen sind für ein Modell derselbe Kontext wie für uns, es rät weniger und der generierte Code passt öfter beim ersten Versuch.
Könnt ihr React an unser bestehendes Backend anbinden?
In aller Regel ja. React-Frontends sprechen über APIs mit dem Backend. Am häufigsten kombinieren wir React mit einem Laravel-Backend über eine REST-API. Ob Deine bestehende Schnittstelle dafür ausreicht, sehen wir uns vorher an.
Was kostet ein React-Frontend?
Ausschlaggebend ist, wie viele Ansichten und Zustände die Oberfläche kennt. Deshalb beginnen wir mit den wenigen Ansichten, die den Arbeitsalltag tragen – dieser Umfang lässt sich gut einschätzen – und erweitern die Oberfläche von dort aus. Eine erste Einschätzung zu Kosten und Timeline bekommst Du direkt im Erstgespräch – kein „kommt darauf an“.
06 — Kontakt
Projekt im Kopf?
Erzähl uns, womit Dein Team täglich arbeitet — Dashboard, Workflow oder Live-Daten. Du bekommst eine Einschätzung, wie daraus ein Werkzeug wird, das den Arbeitstag trägt, und was der erste Ausschnitt davon kostet.
