react

react wurde ursprünglich für die Verwendung in sozialen Medien kreiert. Mittlerweile lassen sich damit spezielle Module auf komplexen Websites einfach und schnell programmieren.

react ist eine Softwarebibliothek auf Basis der Skriptsprache JavaScript zur Erstellung eines Webframeworks für User-Interface-Komponenten von Webdiensten. In react können einzelne Komponenten zu einer performanten, komplexeren Anwendung zusammengebaut werden. Hauptsächlich wird react für die Erstellung von Single-Page-Applikationen verwendet, was sich aus der Entstehungsgeschichte erklären lässt: react ist im Facebook-Konzern entstanden und wurde erstmals zur Programmierung des Facebook Newsfeed Frontends sowie des Instagram Feeds verwendet. 

Mittlerweile ist das Framework als OpenSource für die Allgemeinheit zugänglich. Neben der großen Community, die ständig neue Applikationen anfertigt, zeichnet sich react durch weitere spezielle Features aus. 

Die Vorteile von react 

Die hierarchisch angelegte Software-Bibliothek bietet mehrere Vorteile, die alle zu einem übersichtlichen und hoch performanten Ergebnis beitragen. Die einzelnen Komponenten werden deklarativ statt imperativ aufgebaut. In react wird also vorgegeben, wie ein entsprechendes System aussehen soll. Alle beteiligten Komponenten gehen vom selben State aus, so dass bei jeder Aktion klar ist, wie sich das Ergebnis verändern muss. Das kompliziertere Gegenteil der imperativen Syntax setzt voraus, dass jedem Element initial erklärt werden muss, welche Schritte jeweils ausgeführt werden sollen. Der entsprechende Code ist wesentlich länger und damit auf fehleranfälliger. 

Weitere technische Besonderheiten wie der unidirektionale Datenfluss, ein Virtual Dom sowie die JavaScript Syntac Extension sorgen dafür, dass mittlerweile nicht nur Onepager sondern auch kompliziertere Projekte innerhalb größerer Websites kollaborativ erstellt werden können.  

Durch die Programmierung in react wird verhindert, dass bei einer Aktion die komplette Seite neu geladen werden muss – lediglich das react-Objekt baut sich neu auf. Dadurch können z.B. Suchanfragen, Filterfunktionen oder Konfiguratoren auf einer Website sehr viel schneller ausgespielt werden. Dies wirkt sich wiederum sehr positiv auf Pagespeed und Seitenperformance und letztlich auch Usability aus. 

Sie haben Fragen?

Kontaktieren Sie uns gerne!

Ähnliche Artikel

Finden Sie folgend Kundenprojekte zu diesem oder ähnlichen Themen

React-Projekte
Angular vs. React vs. VUE
react!