Durchstarten mit React
Web-Apps einfach und modular entwickeln
Thomas Demmig, Stoyan Stefanov
Eignen Sie sich ohne Ballast alles Wesentliche zur Frontendentwicklung mit React an – einer JavaScript-Bibliothek, die in Entwicklerkreisen derzeit auf großes Interesse stößt. In diesem praktischen Leitfaden erläutert Stoyan Stefanov, Webentwickler bei Facebook, Reacts Komponentenarchitektur und zeigt, wie Sie in kurzer Zeit komplexe und dennoch wartbare Webanwendungen entwickeln. Sie benötigen keine besonderen Vorkenntnisse – lediglich Grundkenntnisse der JavaScript-Syntax – und können sofort loslegen.
Haben Sie einmal verstanden, wie React funktioniert, werden Sie eine maßgeschneiderte eigene App bauen, mit der Anwender Weine bewerten und ergänzende Notizen erfassen können. Sie verstehen dann schnell, warum so viele Entwickler React als Schlüsseltechnologie der modernen Webentwicklung sehen.
– Richten Sie React ein und schreiben Sie Ihre erste „Hallo Welt“-Web-App.
– Erstellen und verwenden Sie eigene React-Komponenten, die aus generischen DOM-Komponenten aufgebaut sind.
– Bauen Sie eine Komponente für eine Datentabelle, mit der Sie deren Inhalt bearbeiten, sortieren, durchsuchen und exportieren können.
– Verwenden Sie die Syntaxerweiterung JSX als Alternative zu Funktionsaufrufen.
– Richten Sie einen übersichtlichen, einfachen Build-Prozess ein, der Ihnen hilft, das Augenmerk auf React zu legen.
– Erstellen Sie eine vollständige Anwendung, mit der Sie Daten auf dem Client speichern können.
– Setzen Sie ESLint, Flow und Jest ein, um den Code Ihrer komplexer werdenden Anwendung zu testen.
– Organisieren Sie mit Flux die Kommunikation zwischen Komponenten.