React und TypeScript

Ziele der Schulung

In dieser 3-tägigen Schulung "React und TypeScript" lernen Sie die Grundlagen und Besonderheiten von React, einer der meistverwendeten Bibliotheken zur Erstellung von Single-Page-Anwendungen (SPAs). Neben den allgemeinen Konzepten, die allen SPA-Bibliotheken zugrunde liegen, werden auch spezifische Aspekte von React behandelt.

Nach Abschluss der Schulung sind die Teilnehmer in der Lage, Anwendungen verschiedenster Komplexität mit React zu entwickeln und bewährte Methoden zu berücksichtigen. Die Integration von TypeScript in den Kurs bietet den Teilnehmern eine verbesserte Unterstützung durch die Entwicklungsumgebung und führt zu hochwertigem Code.

Zielgruppe Seminar

• Entwickler

Voraussetzungen

Für eine optimale Teilnahme am Kurs empfehlen wir folgende Vorkenntnisse:

• Erfahrungen mit HTML und gute JavaScript Kenntnisse

Seminarinhalt

Entwicklung moderner Frontend-Anwendungen

• Überblick und Gemeinsamkeiten von React / Next.js
• deklarative / datengetriebene Architektur
• Komponenten - eigene HTML-Tags definieren

JavaScript Grundlagen für React

• Entwicklung mit node.js und npm
• JavaScript Versionen und Neuerungen
• Module (import und export)
• Pfeilfunktionen
• Funktionale Programmierung in JavaScript

React-Templatesprache

• JavaScript-basierte Templatesyntax: JSX
• Binden von Inhalten und Props
• Event-Handler
• Elemente wiederholen
• if / else
• CSS-Klassen und Stile

Komponenten: Grundbausteine moderner Web-Anwendungen

• Einbinden vorgefertigter Komponenten
• Definieren eigener Komponenten
• Props und Events in eigenen Komponenten
• Prop- Event- und State-Typen in TypeScript
• Datenfluss zwischen Komponenten
• Komponenten inspizieren mit den React Developer Tools

React Router

• Client-seitiges Routing
• Anzeigen verschiedener Ansichten basierend auf der Route

APIs aus React abfragen

• senden von HTTP-Requests via fetch
• verwenden des effect-Hooks, um HTTP-Requests auszulösen

TypeScript Grundlagen für React

• Statische vs Dynamische Typisierung
• Typendeklaration bei Variablen, Funktionen, Arrays und Objekten
• Type Aliases und Interfaces
• Type Assertions, Generics

Open Badge für dieses Seminar - Ihr digitaler Kompetenznachweis

Durch die erfolgreiche Teilnahme an einem Kurs bei IT-Schulungen.com erhalten Sie zusätzlich zu Ihrem Teilnehmerzertifikat ein digitales Open Badge (Zertifikat) – Ihren modernen Nachweis für erworbene Kompetenzen.

Ihr Open Badge ist jederzeit in Ihrem persönlichen und kostenfreien Mein IT-Schulungen.com-Konto verfügbar. Mit wenigen Klicks können Sie diesen digitalen Nachweis in sozialen Netzwerken teilen, um Ihre Expertise sichtbar zu machen und Ihr berufliches Profil gezielt zu stärken.

Übersicht: React Schulungen Portfolio

Mehr zu den Vorteilen von Badges

Kundenbewertungen

Seminare kurz vor der Durchführung