Fragen zum Artikel?

Jetzt Sebastian Drickl, Geschäftsführer kontaktieren

React-Projekte

React hilft uns, die sehr hohen Anforderungen unserer Kunden zuverlässig und vollumfänglich zu erfüllen.

 

React ist ein technischer Standard, der sich zunehmender Beliebtheit bei Web-Entwicklern erfreut. Auch bei uns wird React immer häufiger für äußerst aufwendige Projekte eingesetzt. Wieso sich React speziell für komplizierte Herausforderungen eignet, kann man in diesem Artikel nachlesen.

In den letzten Monaten haben unsere Entwickler zahlreiche extrem spannende Projekte mit React entwickelt, Im Detail werden wir diese Projekte in unseren Showcases darstellen. 

Hier möchten wir jedoch schon einen Einblick geben, welche Anforderungen unsere Kunden an uns stellen und wie wir React zur Umsetzung nutzen:

  • TopKita

Der Kita-Finder ermittelt aufgrund von spezifischen Suchanfragen wie Umkreissuche oder Alter des Kindes geeignete Kitas und zeigt diese auf einer Karte an.

Eine Suchergebnis-Seite mit einer Liste von Suchergebnissen, die auch gleichzeitig in einer Map dargestellt werden, muss sehr genau geplant werden. Die Gefahr von Performance-Problemen bei einer derartigen Auflistung ist sehr groß. Würde die Suchergebnisseite bei Änderung jedes Filters ständig neu geladen, wäre die Seitenperformance extrem schwach. Mit React ist es möglich, dass nur die Suchergebnisse neu laden und für den Nutzer kein sichtbarer Seitenwechsel geschieht. Dadurch fühlt sich die Suche sehr schnell an. Auch bei der Map kann man nicht einfach alle Suchergebnisse als Marker anzeigen, denn ab einer gewissen Anzahl braucht die Map mehrere Sekunden, bis sie alle Marker anzeigen kann.

Hier haben wir eine React-Komponente verwendet, die auch in der Lage ist, zehntausende Marker blitzschnell anzuzeigen. Für die bessere Übersichtlichkeit sind die Marker als Cluster zusammengefasst.

Wir benutzen React bei TopKita also vor allem aus Performance- und Usability-Gründen. Der User soll eine schnelle und gut zu bedienende Such-App vorfinden, da diese in beiden Projekten die Kern-Applikation der Website ist.

  • Erwin Hymer Group / Crosscamp

Der Camper Van-Konfigurator des Crosscamps, einer Marke der Erwin Hymer Group, ermöglicht eine komplette Individualisierung und Anpassung des Wunsch-Caravans. Dabei aktualisieren sich die einzelnen Komponenten innerhalb des Konfigurators ständig neu und orientieren sich an den bisher ausgewählten Komponenten.

Die Konfiguration erfolgt dabei nur in der Browseroberfläche, so dass das System nicht ständig auf Serverantwort warten muss.

Im Gegensatz zu allen Wettbewerbern ist die Performance des Konfigurators extrem schnell und zuverlässig. Nachdem der Caravan fertig konfiguriert ist, übernimmt React mit der Händlersuche eine weitere wichtige Aufgabe. 

  • Schwedenliebe

Die Ferienwohnungssuche des Tourismusanbieters Schwedenliebe baut durch zahlreiche Features entlang der Buchungsstrecke extreme Vorfreude auf den Urlaub in Skandinavien auf. Dank des Einsatzes von react werden je nach Filter sofort alle der Suchanfrage passenden Objekte ohne Zeitverlust mit Foto vorgestellt. Nach Auswahl eines passenden Ferienhauses erfährt man in Echtzeit die Verfügbarkeit im gewünschten Reisezeitraum. Alle Aktionen laufen dabei browserseitig, ohne Serverzugriff ab und aktualisieren deshalb die Suchergebnisse extrem schnell. 

Dank der übersichtlichen Echtzeitsuche kann der Website-Besucher sehr viele verschiedene Variablen testen, ohne ständig durch ein neu ladendes Browserfenster gestört zu werden. Dieser positive Eindruck sorgt für einen sehr positiven Eindruck und kann die Kundenloyalität sowie die Conversion-Rate sehr stark erhöhen.

  • Autobus Oberbayern

Der Buspreiskalkulator von Autobus Oberbayern ermöglicht durch Übersichtlichkeit, schnelle Performance und eine klare Buchungsstrecke die perfekte Auswahl für alle Anfragen hinsichtlich Personen- und Gruppentransport.  und liefert durch sehr wenige Klicks eine informative Übersicht zu allen Anfragen hinsichtlich der Beförderung. Alle Angaben hinsichtlich Ziels, Personenanzahl, Fahrtstrecke etc. werden in Echtzeit zu einem erwartbaren Endpreis kalkuliert. Auch die Auswahl des passenden Busses, grafisch durch eine 360°-Animation unterstützt, fließt unmittelbar in den Preiskalkulator ein.

Die schnelle und übersichtliche Performance ermöglicht eine stetig aktuelle und dadurch transparente Preisübersicht. Dem potentiellen Kunden wird dadurch bereits auf der Buchungsstrecke ein hohes Maß an Service und Kundenfreundlichkeit zuteil. 

Fazit

React hilft uns, komplizierte und spezifische Anforderungen passgenau umzusetzen. Dadurch sind wir in der Lage, auch komplizierte Probleme auf sehr elegante Art zu lösen. 

Sebastian Drickl

Ihr Ansprechpartner

Sebastian Drickl

Lust, mit react Projekte zu entwickeln?

Wir suchen immer fähige Mitarbeiter. Kontaktieren Sie uns jetzt.

Agentur

Leistungen

Beratung, Konzeption, Design, Programmierung, Online-Marketing uvm. Finden Sie hier einen Überblick über unsere Leistungen.

Leistungen ansehen

Showcase

Showcases

Unsere Showcases und Projekte der letzten Jahre: kleine wie große, einfache wie komplexe Projekte. Hier gibt es eine Übersicht.

Showcase zeigen

Agentur

Jobs

Bock auf einen neuen Job? Wir freuen uns auf Bewerbungen! Folgende Stellen sind derzeit zu besetzen.

Aktuelle Jobs anzeigen