React und Redux - Anwendung, Testing und Tools

In diesem Tutorial zeigt Ihnen David Tanzer, wie Sie Webanwendungen mit dem JavaScript-Framework React schreiben. Erfahren Sie, wie Sie moderne Web-Frontends mit React und Redux strukturieren und worin das Geheimnis der Leistungsfähigkeit dieser Kombination liegt. Sie lernen, wie es Ihnen gelingt, den Anwendungszustand einer Webanwendung mit Redux so zu verwalten, dass sich Zustandsübergänge losgelöst von ihren Komponenten leicht nachvollziehen und testen lassen. Wappnen Sie sich mit aktuellem Know-how, um als Softwareentwickler Alternativen zu etablierten Webframeworks zu verstehen und für sich zu nutzen.

Lernziele

Ziel des Tutorials ist es, Grundlagen und Funktionsweisen von React und Redux zu verstehen und erste Anwendungen zu programmieren.

Einführung
Gratis ansehen11 Minuten
- Tutorial Intro
  
  02:12
- Einleitung
  
  00:34
- „Neue“ JavaScript-Features
  
  08:26
React
- Tutorial Intro
  
  02:12
- Einleitung
  
  00:34
- „Neue“ JavaScript-Features
  
  08:26
- Rendern mit React
  
  13:54
- Live-Coding: „Hello World“
  
  05:31
- React State & Events
  
  07:08
- Live-Coding: Eingabefelder
  
  05:43
- Zusammenfassung
  
  01:24
Testing React
- Einführung
  
  00:23
- Testframework: Jest
  
  03:25
- Live-Coding: Unittests
  
  04:49
- React-Komponenten testen mit Enzyme
  
  05:01
- Live-Coding: Komponten testen
  
  09:49
- Zusammenfassung
  
  00:42
React und Redux (inklusive Testing)
- Einführung
  
  00:39
- Daten, Zustand und Redux Store
  
  08:41
- Live-Coding: „Hello World“ mit Redux
  
  08:22
- Redux: State & Events
  
  09:37
- Live-Coding: Eingabefelder
  
  10:11
- Testing Redux
  
  03:44
- Zusammenfassung
  
  01:22
Developer Experience
- Einleitung
  
  00:31
- Übersicht React und Redux
  
  03:30
- Components, Redux Store, Events und Actions
  
  02:49
- Reducers, reduce
  
  05:38
- Redux Middleware
  
  01:35
- React Devtools
  
  01:41
- Redux Devtools
  
  01:28
- Zusammenfassung
  
  00:25
Codestruktur
- Starten
  
  00:27
- Herausforderung großer Apps
  
  01:00
- Anwendungszustand und Reducers strukturieren
  
  03:56
- combineReducers
  
  03:00
- Live-Coding: Reducer-Refactoring
  
  20:04
- Code-Layout
  
  03:30
- Zusammenfassung
  
  00:45
Asynchronous Actions
- Einleitung
  
  00:33
- Langlaufende Prozesse
  
  01:27
- Redux-Thunk
  
  08:42
- Live-Coding: Serverantwort verarbeiten
  
  13:33
- Live-Coding: ToDo-Liste
  
  31:47
- Zusammenfassung
  
  00:30

PRÄSENTIERT VON

David Tanzer

React und Redux – Jetzt GRATIS testen

Anwendung, Testing und Tools