React

Table of contents

1. Cover
2. Titel
3. Impressum
4. Inhaltsverzeichnis
5. Teil I: Einleitung
   1. Kapitel 1: Einleitung
      1. 1.1 Was ist React?
      2. 1.2 Warum React?
      3. 1.3 Beziehung zu anderen Technologien
         1. 1.3.1 ES6 (ECMAScript 2015), ES7 und Babel
         2. 1.3.2 Webpack und Browserify
         3. 1.3.3 TypeScript und Flow
         4. 1.3.4 React Router
         5. 1.3.5 Flux
         6. 1.3.6 Redux
         7. 1.3.7 React Developer Tools
      4. 1.4 Vergleich mit anderen Webtechnologien
         1. 1.4.1 Web Components
         2. 1.4.2 Ember
         3. 1.4.3 Angular 1 und 2
         4. 1.4.4 React Native
         5. 1.4.5 Elm
         6. 1.4.6 Om und Om next
      5. 1.5 Die Beispielanwendung
      6. 1.6 Wie man dieses Buch benutzt
      7. 1.7 Voraussetzungen für dieses Buch
      8. 1.8 Website zum Buch
      9. 1.9 Danksagungen
   2. Kapitel 2: Schnelldurchgang – React im Überblick
      1. 2.1 JSX
      2. 2.2 Komponenten
         1. 2.2.1 Eigenschaften (Properties) und Zustand (State)
         2. 2.2.2 Events
         3. 2.2.3 Styles und className
      3. 2.3 Ein Grüßaugust: Unsere erste React-Komponente
      4. 2.4 Exkurs: Vergleich mit Angular
         1. 2.4.1 Angular 1
         2. 2.4.2 Angular 2
      5. 2.5 Zusammenfassung
   3. Kapitel 3: Die Beispielanwendung: »Vote as a Service«
      1. 3.1 Das Beispiel installieren und ausführen
         1. 3.1.1 Die fertige Anwendung starten
      2. 3.2 Die Beispielanwendung
      3. 3.3 Fachliches Modell und REST-API
      4. 3.4 Die Anwendung schrittweise entwickeln
         1. 3.4.1 Das Beispiel entwickeln: Hands-on
      5. 3.5 Der Server
      6. 3.6 Hintergrund: Der Beispielserver
      7. 3.7 Der VoteApp-Server
      8. 3.8 Zusammenfassung
   4. Kapitel 4: Die JavaScript-Erweiterung JSX
      1. 4.1 Grundlagen
      2. 4.2 JavaScript-Ausdrücke in JSX
      3. 4.3 Kommentare in JSX
      4. 4.4 Fallunterscheidungen
      5. 4.5 Listen
      6. 4.6 Style-Angaben in JSX
      7. 4.7 Komponenten
      8. 4.8 Rendern von Elementen
      9. 4.9 Zusammenfassung
6. Teil II: React
   1. Kapitel 5: Eine React-Komponente
      1. 5.1 Hands-on: Eine Komponente
      2. 5.2 React-Komponenten als Funktionen und Klassen
         1. 5.2.1 Komponenten als Funktionen
         2. 5.2.2 Eine React-Komponente als ES6-Klasse
         3. 5.2.3 Komponente als Klasse oder als Funktion?
      3. 5.3 Konfiguration einer Komponente: Properties
         1. 5.3.1 Properties übergeben
         2. 5.3.2 Properties verwenden
         3. 5.3.3 Properties beschreiben
         4. 5.3.4 Default-Werte für Properties
      4. 5.4 Zustand einer Komponente: State
         1. 5.4.1 Auf den Zustand zugreifen
         2. 5.4.2 Den Zustand verändern
         3. 5.4.3 Zustand initialisieren
         4. 5.4.4 Rendern erzwingen oder unterdrücken
      5. 5.5 Properties, State und Instanz-Variablen
      6. 5.6 Lebenszyklus einer React-Komponente
      7. 5.7 Auf native DOM-Elemente zugreifen: refs
      8. 5.8 Zusammenfassung
   2. Kapitel 6: Arbeiten mit mehreren Komponenten
      1. 6.1 Hands-on: Hierarchien von Komponenten
      2. 6.2 Komponenten einbinden
         1. 6.2.1 Properties und der Object-Spread-Operator
      3. 6.3 Arbeiten mit Children
         1. 6.3.1 Das children-Property
         2. 6.3.2 Die React.Children-Utilities
         3. 6.3.3 Anzahl der Children beschränken
      4. 6.4 Listen
         1. 6.4.1 Das key-Attribut
      5. 6.5 Zusammenfassung
   3. Kapitel 7: Interaktive Komponenten
      1. 7.1 Hands-on: An Umfragen teilnehmen
      2. 7.2 Hintergrund: Datenfluss in React-Anwendungen
      3. 7.3 Ereignisse/Event Handler
      4. 7.4 Kommunikation zwischen Komponenten
         1. 7.4.1 Kommunikation von Child zu Parent
         2. 7.4.2 Komponentenunabhängige Kommunikation
      5. 7.5 Zusammenfassung
   4. Kapitel 8: Formulare mit React
      1. 8.1 Hands-on: Ein Editor für Umfragen
      2. 8.2 Hintergrund: Databinding
      3. 8.3 Controlled Components
         1. 8.3.1 Arbeiten mit Controlled Components
         2. 8.3.2 Beispiele
         3. 8.3.3 Generische Event Handler mit »computed properties«
      4. 8.4 Uncontrolled Components
      5. 8.5 Zusammenfassung
7. Teil III: Eine React-Anwendung
   1. Kapitel 9: Serveraufrufe
      1. 9.1 Hands-on: Serveranbindung
      2. 9.2 Serverzugriffe in React
         1. 9.2.1 Ein Promise, das sich abbrechen lässt
      3. 9.3 Serverzugriffe mit fetch
         1. 9.3.1 Daten lesen (GET)
         2. 9.3.2 Daten zum Server übertragen
      4. 9.4 Zusammenfassung
   2. Kapitel 10: Der React Router
      1. 10.1 Hands-on: Der React Router im Schnelldurchgang
      2. 10.2 Anpassungen an der Vote-Anwendung
      3. 10.3 Links und Routen
         1. 10.3.1 Links
         2. 10.3.2 Routen und History
         3. 10.3.3 Routen-Parameter
         4. 10.3.4 Verschachtelte Routen
         5. 10.3.5 Mehrere Komponenten pro Route
         6. 10.3.6 Redirects und IndexRoute
      4. 10.4 Navigation über die History
         1. 10.4.1 Der React Context
         2. 10.4.2 Verwenden des History-Objekts
      5. 10.5 Hooks und Login
      6. 10.6 Wildcards und optionale Segmente
         1. 10.6.1 Die NoMatch-Route
      7. 10.7 Zusammenfassung
   3. Kapitel 11: Serverseitiges Rendering und Universal Web Applications
      1. 11.1 Hands-on: Eine Universal Webapp mit React
      2. 11.2 Gründe für serverseitiges Rendern
      3. 11.3 Universal Rendering im Überblick
      4. 11.4 Anpassung in der Vote-Anwendung
      5. 11.5 Serverseitiges Rendering mit dem React Router
      6. 11.6 Initialen Zustand zur Verfügung stellen
         1. 11.6.1 Zusammengefasst: Ablauf des serverseitigen Renderns
         2. 11.6.2 Mehrere Einstiegspunkte in die Anwendung
         3. 11.6.3 Schwierigkeiten des serverseitigen Renderings
      7. 11.7 Zusammenfassung
   4. Kapitel 12: Flux-Architektur am Beispiel von Redux
      1. 12.1 Einführung
      2. 12.2 Hands-on: Eine Redux-Anwendung
      3. 12.3 Redux und Vanilla Flux
         1. 12.3.1 Actions und Action-Creators
         2. 12.3.2 Der Dispatcher
         3. 12.3.3 Stores
         4. 12.3.4 Controller- und Child-Views
      4. 12.4 Redux in unserer Beispielanwendung
         1. 12.4.1 Mehrere Reducers
         2. 12.4.2 Asynchrone Action-Creators
         3. 12.4.3 Middleware
         4. 12.4.4 Zentraler Zustand und schlanke Controller-Views
         5. 12.4.5 Serverseitiges Rendern
         6. 12.4.6 Initialisierung mit Zustand
      5. 12.5 Integration von Redux und React Router
         1. 12.5.1 Pfadangabe im Redux Store
         2. 12.5.2 Auf Pfadänderungen reagieren
         3. 12.5.3 Navigieren über Redux
      6. 12.6 Redux-Thunk für flexibles Pre-Rendering
      7. 12.7 Ausblick auf GraphQL, Relay und Falcor
         1. 12.7.1 GraphQL
         2. 12.7.2 Relay
         3. 12.7.3 Falcor (Netflix)
         4. 12.7.4 Gibt es den idealen Technologiestack?
      8. 12.8 Zusammenfassung
   5. Kapitel 13: React-Komponenten testen
      1. 13.1 Hands-on: Unit-Tests, die außerhalb des Browsers laufen
      2. 13.2 Überblick: React-Anwendungen testen
      3. 13.3 React-spezifische Testwerkzeuge
         1. 13.3.1 Die React Add-on Test Utilities
         2. 13.3.2 renderToStaticMarkup
         3. 13.3.3 Shallow Rendering
         4. 13.3.4 Tests mit Rendering in den DOM: renderIntoDocument
         5. 13.3.5 Test von Interaktionen
      4. 13.4 Testen im Browser
      5. 13.5 Zusammenfassung
8. Anhang
   1. Anhang A: Tutorial: ein Build-Prozess für React-Anwendungen
      1. A.1 Ausgangssituation
      2. A.2 Ein Produktionsbuild mit Webpack
      3. A.3 Build-Prozess für die Entwicklung
      4. A.4 Linting von JSX-Code
      5. A.5 Unterschiedliche Konfigurationen für Entwicklung und Produktion
   2. Anhang B: Einführung in ES 2015
      1. B.1 Einleitung
      2. B.2 Block-Scope
      3. B.3 Template Strings
      4. B.4 Destructuring
      5. B.5 Klassen
      6. B.6 Vererbung
      7. B.7 Statische Elemente
      8. B.8 Erweiterte Objekt-Literale
      9. B.9 Module, Exporte und Importe
      10. B.10 Arrow Functions
      11. B.11 Default- und Rest-Parameter
      12. B.12 Spread-Operator für Arrays
      13. B.13 Object.assign (ES6) und Spread-Operator bei Objekten (ES8)
      14. B.14 Promises
9. Index
10. Fußnoten
    1. Kapitel 1: Einleitung
    2. Kapitel 2: Schnelldurchgang – React im Überblick
    3. Kapitel 3: Die Beispielanwendung: »Vote as a Service«
    4. Kapitel 4: Die JavaScript-Erweiterung JSX
    5. Kapitel 5: Eine React-Komponente
    6. Kapitel 7: Interaktive Komponenten
    7. Kapitel 9: Serveraufrufe
    8. Kapitel 10: Der React Router
    9. Kapitel 11: Serverseitiges Rendering und Universal Web Applications
    10. Kapitel 12: Flux-Architektur am Beispiel von Redux
    11. Kapitel 13: React-Komponenten testen
    12. Anhang A: Tutorial: ein Build-Prozess für React-Anwendungen
    13. Anhang B: Einführung in ES 2015
11. Rezensieren & gewinnen!