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()

Tags