React. Die praktische Einführung in React, React Router und Redux. Bearbeitet von Oliver Zeigermann, Nils Hartmann

Größe: px

Ab Seite anzeigen:

Download "React. Die praktische Einführung in React, React Router und Redux. Bearbeitet von Oliver Zeigermann, Nils Hartmann"

Anna Wolf
vor 6 Jahren
Abrufe

1 React Die praktische Einführung in React, React Router und Redux Bearbeitet von Oliver Zeigermann, Nils Hartmann 1. Auflage Taschenbuch. X, 332 S. Paperback ISBN Format (B x L): 16,5 x 24 cm Weitere Fachgebiete > EDV, Informatik > Programmiersprachen: Methoden > Webprogrammierung Zu Leseprobe schnell und portofrei erhältlich bei Die Online-Fachbuchhandlung beck-shop.de ist spezialisiert auf Fachbücher, insbesondere Recht, Steuern und Wirtschaft. Im Sortiment finden Sie alle Medien (Bücher, Zeitschriften, CDs, ebooks, etc.) aller Verlage. Ergänzt wird das Programm durch Services wie Neuerscheinungsdienst oder Zusammenstellungen von Büchern zu Sonderpreisen. Der Shop führt mehr als 8 Millionen Produkte.

Oliver Zeigermann ist Entwickler, Architekt, Berater und Coach.

mit JavaScript an. Nils Hartmann ist Software-Enwickler und -Architekt aus Hamburg.

Darüber hinaus beschäftigt er sich mit dem server- und clientseitigen Einsatz von JavaScript.

2 Oliver Zeigermann ist Entwickler, Architekt, Berater und Coach. Oliver wendet seine Erfahrungen aus dem Java-Umfeld auch auf die Softwareentwicklung und Architektur mit JavaScript an. Nils Hartmann ist Software-Enwickler und -Architekt aus Hamburg. Nils hat langjährige Erfahrung mit der Entwicklung von großen Java-Anwendungen. Darüber hinaus beschäftigt er sich mit dem server- und clientseitigen Einsatz von JavaScript. Zu diesem Buch sowie zu vielen weiteren dpunkt.büchern können Sie auch das entsprechende E-Book im PDF-Format herunterladen. Werden Sie dazu einfach Mitglied bei dpunkt.plus + :

3 Oliver Zeigermann Nils Hartmann React Die praktische Einführung in React, React Router und Redux

4 Oliver Zeigermann Nils Hartmann Lektorat: René Schönfeldt Copy-Editing: Petra Kienle Satz: Nadine Thiele Herstellung: Susanne Bröckelmann Umschlaggestaltung: Helmut Kraus, Druck und Bindung: M.P. Media-Print Informationstechnologie GmbH, Paderborn Bibliografische Information der Deutschen Nationalbibliothek Die Deutsche Nationalbibliothek verzeichnet diese Publikation in der Deutschen Nationalbibliografie; detaillierte bibliografische Daten sind im Internet über abrufbar. ISBN: Print PDF epub mobi Auflage 2016 Copyright 2016 dpunkt.verlag GmbH Wieblinger Weg Heidelberg Die vorliegende Publikation ist urheberrechtlich geschützt. Alle Rechte vorbehalten. Die Verwendung der Texte und Abbildungen, auch auszugsweise, ist ohne die schriftliche Zustimmung des Verlags urheberrechtswidrig und daher strafbar. Dies gilt insbesondere für die Vervielfältigung, Übersetzung oder die Verwendung in elektronischen Systemen. Es wird darauf hingewiesen, dass die im Buch verwendeten Soft- und Hardware-Bezeichnungen sowie Markennamen und Produktbezeichnungen der jeweiligen Firmen im Allgemeinen warenzeichen-, marken- oder patentrechtlichem Schutz unterliegen. Alle Angaben und Programme in diesem Buch wurden mit größter Sorgfalt kontrolliert. Weder Autor noch Verlag können jedoch für Schäden haftbar gemacht werden, die in Zusammenhang mit der Verwendung dieses Buches stehen

5 v Inhaltsverzeichnis Teil I Einleitung 1 Einleitung Was ist React? Warum React? Beziehung zu anderen Technologien Vergleich mit anderen Webtechnologien Die Beispielanwendung Wie man dieses Buch benutzt Voraussetzungen für dieses Buch Website zum Buch Danksagungen Schnelldurchgang React im Überblick JSX Komponenten Ein Grüßaugust: Unsere erste React-Komponente Exkurs: Vergleich mit Angular Zusammenfassung Die Beispielanwendung:»Vote as a Service« Das Beispiel installieren und ausführen Die Beispielanwendung Fachliches Modell und REST-API Die Anwendung schrittweise entwickeln Der Server Hintergrund: Der Beispielserver

6 vi Inhaltsverzeichnis 3.7 Der VoteApp-Server Zusammenfassung Die JavaScript-Erweiterung JSX Grundlagen JavaScript-Ausdrücke in JSX Kommentare in JSX Fallunterscheidungen Listen Style-Angaben in JSX Komponenten Rendern von Elementen Zusammenfassung Teil II React 5 Eine React-Komponente Hands-on: Eine Komponente React-Komponenten als Funktionen und Klassen Konfiguration einer Komponente: Properties Zustand einer Komponente: State Properties, State und Instanz-Variablen Lebenszyklus einer React-Komponente Auf native DOM-Elemente zugreifen: refs Zusammenfassung Arbeiten mit mehreren Komponenten Hands-on: Hierarchien von Komponenten Komponenten einbinden Arbeiten mit Children Listen Zusammenfassung Interaktive Komponenten Hands-on: An Umfragen teilnehmen Hintergrund: Datenfluss in React-Anwendungen

7 Inhaltsverzeichnis vii 7.3 Ereignisse/Event Handler Kommunikation zwischen Komponenten Zusammenfassung Formulare mit React Hands-on: Ein Editor für Umfragen Hintergrund: Databinding Controlled Components Uncontrolled Components Zusammenfassung Teil III Eine React-Anwendung 9 Serveraufrufe Hands-on: Serveranbindung Serverzugriffe in React Serverzugriffe mit fetch Zusammenfassung Der React Router Hands-on: Der React Router im Schnelldurchgang Anpassungen an der Vote-Anwendung Links und Routen Navigation über die History Hooks und Login Wildcards und optionale Segmente Zusammenfassung Serverseitiges Rendering und Universal Web Applications Hands-on: Eine Universal Webapp mit React Gründe für serverseitiges Rendern Universal Rendering im Überblick Anpassung in der Vote-Anwendung Serverseitiges Rendering mit dem React Router Initialen Zustand zur Verfügung stellen Zusammenfassung

8 viii Inhaltsverzeichnis 12 Flux-Architektur am Beispiel von Redux Einführung Hands-on: Eine Redux-Anwendung Redux und Vanilla Flux Redux in unserer Beispielanwendung Integration von Redux und React Router Redux-Thunk für flexibles Pre-Rendering Ausblick auf GraphQL, Relay und Falcor Zusammenfassung React-Komponenten testen Hands-on: Unit-Tests, die außerhalb des Browsers laufen Überblick: React-Anwendungen testen React-spezifische Testwerkzeuge Testen im Browser Zusammenfassung Anhang A Tutorial: ein Build-Prozess für React-Anwendungen 293 A.1 Ausgangssituation A.2 Ein Produktionsbuild mit Webpack A.3 Build-Prozess für die Entwicklung A.4 Linting von JSX-Code A.5 Unterschiedliche Konfigurationen für Entwicklung und Produktion B Einführung in ES B.1 Einleitung B.2 Block-Scope B.3 Template Strings B.4 Destructuring B.5 Klassen B.6 Vererbung B.7 Statische Elemente B.8 Erweiterte Objekt-Literale

9 Inhaltsverzeichnis ix B.9 Module, Exporte und Importe B.10 Arrow Functions B.11 Default- und Rest-Parameter B.12 Spread-Operator für Arrays B.13 Object.assign (ES6) und Spread-Operator bei Objekten (ES8) B.14 Promises Index 327

Ähnliche Dokumente

Abenteuer Softwarequalität

Abenteuer Softwarequalität Grundlagen und Verfahren für Qualitätssicherung und Qualitätsmanagement Bearbeitet von Kurt Schneider erweitert, überarbeitet 2012. Taschenbuch. 264 S. Paperback ISBN 978 3 89864