React Grundkurs

Classroom Schulung | deutsch | Anspruch

Schulungsdauer: 3 Tage

Ziele

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.

Zielgruppe

Entwickler

Voraussetzungen

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

Ziele

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.

Zielgruppe

Entwickler

Voraussetzungen

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

Diese Seite weiterempfehlen