Komponenten
Wie bei einem Lego-Spiel, bestehen die Interfaces, die auf der React-Bibliothek basieren, aus fertiggestellten Bausteinen. Solch ein Konzept erlaubt es uns Abstraktion und Wiederverwendbarkeit von den früher verbauten Komponenten zu kreieren. Demzufolge können für unsere Lösungen schneller liefern und die Skalierbarkeit der Produkte ist auch größer.
Virtual DOM
Das DOM (Document Object Model) ist eine Vereinbarung zwischen Input und Output. Das Virtual DOM von React ist schneller als konventionelle Modelle, welche die ganze Seite aufgrund einer Nachfrage neu laden. Dagegen lädt das DOM von React nur bestimmte Teile der Seite neu, d.h. nur das, was sich verglichen mit der vorigen Version verändert hat.
React Hooks
Das neue React-Feature, was in React 16.8 eingeführt wurde, gibt uns zusätzliche Möglichkeiten Geschäftslogik wiederzuverwenden. Wir können abstrakte Hooks erstellen, die in verschiedenen Geschäftsfällen eingesetzt werden können, anstatt Logik von Grund auf zu implementieren. Zusätzlich gibt es schon zahlreiche Open-Source-Bibliotheken die wir nutzen können, z.B. react-use.
Design & Style
Die UI-Bibliothek Ant Design bietet eine Vielzahl an fertigen Geschäftskomponenten. EmotionJS hilft wenn wir einen Komponenten der UI-Bibliothek (sowie Ant Design) nutzen, die für unseren Kunden optisch nicht ansprechend sind. Mit EmotionJS können wir die Komponenten so stylen, dass sie selbst den raffiniertesten Geschmäckern entsprechen.
Redux
Redux ist eine Bibliothek für die Verwaltung des Anwendungsstatus. Dank seiner starken Position (fürs Front-End) und sehr guter Dokumentation, bietet Redux großartigen Support in schnellen App-Entwicklungen und -Lieferungen. Time Travel Debugging erlaubt es Ihnen Aktionen, die von Usern durchgeführt wurden, einfach zu verfolgen und den Anwendungsstatus von bevor Fehler aufgetreten sind, wiederherzustellen. Redux basiert auf funktionaler Programmierung, dank dem der Code deterministisch und einfach prüfbar erstellt wird – und widerstandsfähig gegen Fehler ist.
TypeScript & andere Tools
React.js-Entwicklung kann dank der jederzeitigen Verfügbarkeit von praktischen Tools schneller und effizienter sein. TypeScript bietet vielzählige Vorteile, so wie bessere Kooperation in Bezug auf den Code, Selbstdokumentation des Codes und hohe Widerstandsfähigkeit gegen Fehler. Lint und Prettier verbessern Code-Zusammenarbeit und Qualität. React-testing-library und Cypress, für das Schreiben und die Durchführung von Tests, bieten die offensichtlichen Vorteile des Testens. Create React App löst das ewige Problem mit Front-End-Anwendungen, nämlich ihre langwierige (und deshalb kostspielige) Konfiguration. Mit Create React App können wir anfangen neue Features mit ein paar Befehlen zu bauen.
