
Seminardauer: 3 Tage
Ziele
React ist eine der meistverwendeten Libraries zum Erstellen von Single-Page-Anwendungen (SPAs). In dieser Schulung lernen die Teilnehmer die Grundlagen, die allen SPA-Libraries (wie React oder Angular) zugrunde liegen, sowie die Besonderheiten von React. Dabei wird auf aktuelle Technologien, wie z.B. Hooks, eingegangen.
Am Ende sind sie die Teilnehmer in der Lage, Anwendungen verschiedenster Komplexität mit React umzusetzen und dabei Best Practices zu berücksichtigen. Der Einsatz von TypeScript in dieser Schulung bietet den Teilnehmern eine bessere Unterstützung durch die Entwicklungsumgebung und fürht zu hochwertigem Code.
Zielgruppe
Entwickler mit JavaScript Erfahrung
Voraussetzungen
Erfahrungen mit HTML und JavaScript
Agenda
Entwicklung moderner Frontend-Anwendungen
- Überblick und Gemeinsamkeiten von React, Angular, Vue.js
- deklarative / datengetriebene Architektur
- Komponenten - eigene HTML-Tags definieren
Modernes JavaScript
- Entwicklung mit node.js und npm
- Neuerungen in ES2015-ES2019
- Module
- Pfeilfunktionen
- Funktionale Programmierung (map, filter, ...)
TypeScript
- Statische vs Dynamische Typisierung
- Typendeklaration bei Variablen, Funktionen, Arrays und Objekten
- Types und Interfaces
- Type Assertions, Union Types, Generics
React-Templatesprache
- JavaScript-basierte Templatesyntax: JSX
- Properties in JSX
- Elemente wiederholen
- if / else
- Events
- CSS-Klassen und Stile
State (Anwendungszustand) verwalten
- Festsetzen und Ändern des Anwendungszustands
- Arbeiten mit dem State-Hook in Funktionskomponenten
- Arbeiten mit setState() in Klassenkomponenten
- Erfassen des Zustands von input-Elementen
Komponenten: Grundbausteine moderner Web-Anwendungen
- Eigene HTML-Tags in React definieren
- Funktionskomponenten & Klassenkomponenten
- State, Props & Events
- Datenfluss zwischen Komponenten
- Vorgefertigte Komponenten einbinden
Testen von React-Anwendungen
- Testen von JavaScript-Funktionen mit Jest
- Testen von React-Komponenten mit React Testing Library
React Router
- Client-seitiges Routing
- Anzeigen verschiedener Ansichten basierend auf der Route
Arbeiten mit Hooks
- Erstellen eigener Hooks
- Funktionsweise von Hooks in React
- Der Effect-Hook für Side Effects
- Der Context-Hook
State Management mit Reducern und Redux
- Überblick über State Management
- State Management mit Reducern und reinen Funktionen
- Einsetzen des Reducer-Hooks in React
- Überblick über State Management mit Redux
Schulungsunterlagen
nach Absprache
| Gesicherte Termine derzeit 4 Termine | |
01.03. - 03.03.2021 in Nürnberg
01.03. - 03.03.2021 in Virtual Classroom (online)
31.05. - 02.06.2021 in Nürnberg
31.05. - 02.06.2021 in Virtual Classroom (online)
Termin-Radar aktiv!
Termin-Radar deaktivieren.
Seminar jetzt anfragen
Auf den Merkzettel
Diese Seite weiterempfehlen: