React Grundkurs
No longer available
Classroom training | German | Claim
Duration of training: 3 days
Objectives
In diesem Kurs lernen Sie die Grundlagen, die allen SPA-Libraries (wie React oder Angular) zugrunde liegen, sowie die Besonderheiten von React kennen. Dadurch können Sie Anwendungen verschiedenster Komplexität mit React umzusetzen und dabei Best Practices zu berücksichtigen.
Target audience
Entwickler
Requirements
HTML und JavaScript Erfahrung
Agenda
Entwicklung moderner Frontend-Anwendungen
- Überblick und Gemeinsamkeiten
- React
- Angular
- Vue.js
- deklarative/datengetriebene Architektur
- Komponenten um eigene HTML-Tags zu erstellen
Modernes JavaScript
- Entwicklung mit node.js und npm
- Neuerungen in ES2015-ES2018
- Module
- Pfeilfunktionen
- Variablendeklaration mit let & const
- Klassen-Syntax
- Funktionale Programmierung
React-Templatesprache
- JavaScript-basierte Templatesyntax: JSX
- Properties in JSX
- Wiederholung von Elementen
- if/else
- events
- CSS-Klassen und Stile
State verwalten
- Anwendungszustand festsetzen und ändern
- die Funktion _setState()_
- Erfassen des Zustands von input-Elementen
Komponenten als Grundbausteine moderner Web-Anwendungen
- Eigene HTML-Tags in React definieren
- Funktionale Komponenten & Klassenkomponenten
- State, Props & Events
- Datenfluss zwischen Komponenten
- Lifecycle-Events
- Performanceoptimierung mit Pure Components
- Vorgefertigte Komponenten einbinden
Testen von React-Anwendungen
- JavaScript-Funktionen mit Jest testen
- React-Komponenten mit Snapshot-Tests testen
React Router
- Client-seitiges Routing
- Anzeigen verschiedener Ansichten basierend auf der Route
State Management mit Redux
- State Managment mit Redux in komplexen Anwendungen
- Datenverwaltung mit reinen Funktionen und Reducern
- Kombinieren von Reducern
- React-Redux Anbindung mittels connect()
Objectives
In diesem Kurs lernen Sie die Grundlagen, die allen SPA-Libraries (wie React oder Angular) zugrunde liegen, sowie die Besonderheiten von React kennen. Dadurch können Sie Anwendungen verschiedenster Komplexität mit React umzusetzen und dabei Best Practices zu berücksichtigen.
Target audience
Entwickler
Requirements
HTML und JavaScript Erfahrung
Agenda
Entwicklung moderner Frontend-Anwendungen
- Überblick und Gemeinsamkeiten
- React
- Angular
- Vue.js
- deklarative/datengetriebene Architektur
- Komponenten um eigene HTML-Tags zu erstellen
Modernes JavaScript
- Entwicklung mit node.js und npm
- Neuerungen in ES2015-ES2018
- Module
- Pfeilfunktionen
- Variablendeklaration mit let & const
- Klassen-Syntax
- Funktionale Programmierung
React-Templatesprache
- JavaScript-basierte Templatesyntax: JSX
- Properties in JSX
- Wiederholung von Elementen
- if/else
- events
- CSS-Klassen und Stile
State verwalten
- Anwendungszustand festsetzen und ändern
- die Funktion _setState()_
- Erfassen des Zustands von input-Elementen
Komponenten als Grundbausteine moderner Web-Anwendungen
- Eigene HTML-Tags in React definieren
- Funktionale Komponenten & Klassenkomponenten
- State, Props & Events
- Datenfluss zwischen Komponenten
- Lifecycle-Events
- Performanceoptimierung mit Pure Components
- Vorgefertigte Komponenten einbinden
Testen von React-Anwendungen
- JavaScript-Funktionen mit Jest testen
- React-Komponenten mit Snapshot-Tests testen
React Router
- Client-seitiges Routing
- Anzeigen verschiedener Ansichten basierend auf der Route
State Management mit Redux
- State Managment mit Redux in komplexen Anwendungen
- Datenverwaltung mit reinen Funktionen und Reducern
- Kombinieren von Reducern
- React-Redux Anbindung mittels connect()