+49 911 65008-222 info@it-seminare.de

Einführung in React

Seminardauer: 3 Tage

Seminarinformationen

Seminar - Ziel

In diesem 3-tägigen Seminar "Einführung in React" erfahren Sie, wie Sie die React.js-Bibliothek sowie JSX einsetzen, um einfache, datenbasierte Benutzeroberflächen (UIs) zu entwickeln. Dabei erhalten Sie einen Überblick über die wesentlichen JavaScript-Konzepte, die für die Arbeit mit React notwendig sind.

Das Seminar behandelt zentrale Konzepte, Komponenten, Architekturen und die Syntax, die bei der Entwicklung mit React zum Einsatz kommen. Sie erhalten dabei einen fundierten Einstieg in die Grundlagen von React, um effizient mit dieser Bibliothek arbeiten zu können.

Nach Abschluss des Seminars verfügen Sie über ein solides Verständnis von React und sind in der Lage, eigene UIs mit React zu entwerfen und umzusetzen.

Teilnehmer - Zielgruppe

  • Front-End-Entwickler

Kurs - Voraussetzungen

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

  • Erfahrungen in JavaScript, HTML und CSS sind wünschenswert.

Seminardauer

  • 3 Tage
  • 09:00 Uhr bis 17:00 Uhr

Schulungsunterlagen

  • nach Absprache

Seminar-Inhalt / Agenda

Entwicklung moderner Frontend-Anwendungen

  • Überblick und Gemeinsamkeiten von React, Angular, Vue.js
  • deklarative / State-basierte Architektur
  • Komponenten - eigene HTML-Tags definieren

JavaScript Grundlagen für React

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

TypeScript Grundlagen für React

  • Typendeklaration bei Variablen, Funktionen, Arrays und Objekten
  • Type Aliases und Interfaces
  • Type Assertions, Union Types, Generics

State (Anwendungszustand) verwalten

  • Konzept der Immutability (Unveränderlichkeit)
  • Festsetzen und Ändern des Anwendungszustands
  • Arbeiten mit dem State-Hook in Funktionskomponenten
  • Erfassen des Zustands von input-Elementen

JSX: die React-Templatesprache

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

Komponenten: Grundbausteine moderner Web-Anwendungen

  • Einbinden vorgefertigter Komponenten
  • Definieren von Props in eigenen Komponenten
  • Definieren von Events in eigenen Komponenten
  • Datenfluss zwischen Komponenten
  • Komponenten inspizieren mit den React Developer Tools
  • Funktionskomponenten und Klassenkomponenten

Arbeiten mit Hooks

  • Funktionsweise von Hooks in React
    Verwenden von eingebauten und externen Hooks

APIs aus React abfragen

  • Senden von HTTP-Requests via fetch
  • Verwenden der Libary "react-query"
  • Verwenden des effect-Hooks, um HTTP-Requests auszulösen

React Router

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

Vertiefung und Ausblick

  • Überblick: Context: Teilen von Daten über einen Komponentenbaum hinweg
  • Überblick: Erstellen eigener Hooks
  • Überblick: Libraries für Styling und Formulare

Weitere Schulungen zu Thema React

Jakarta EE - Moderne Full Stack Entwicklung mit React und MongoDB

- u.a. in Nürnberg, Berlin, Stuttgart, München, Köln

In diesem 5-tägigen Seminar "Jakarta EE – Moderne Full Stack Entwicklung mit React und MongoDB" erhalten Sie einen umfassenden Überblick über aktuelle Webtechnologien und sind danach in der Lage, ein komplettes Webprojekt mit modernen Tools umzusetzen. Der Schwerpunkt ...

ASP.NET Core-Entwicklung mit React und Redux

- u.a. in Nürnberg, Berlin, Stuttgart, München, Köln

In diesem 5-tägigen Seminar "ASP.NET Core-Entwicklung mit React und Redux" erlernen Sie die notwendigen Fähigkeiten, um eine moderne Webanwendung zu entwickeln, die JavaScript auf der Client-Seite und ASP.NET Core im Backend nutzt. Sie erhalten grundlegende Kenntnisse in der ...

React und Redux (mit TypeScript)

- u.a. in Berlin, Wien, Erfurt, Virtual Classroom, Jena

In diesem 4-tägigen Seminar "React und Redux (mit TypeScript)" erhalten Sie umfassende Einblicke, wie Sie die Kombination aus React und Redux nutzen, um anspruchsvolle Frontend-Anwendungen zu entwickeln. Diese Technologien werden erfolgreich von großen Plattformen wie Airbnb ...

React und Redux

- u.a. in Stuttgart, Wien, Koblenz, Mannheim, Erfurt

In diesem 2-tägigen Seminar "React und Redux" erfahren Sie, wie Sie Redux gezielt zur Zustandsverwaltung in React-Anwendungen einsetzen. Das Seminar vermittelt die zentralen Ideen und Strukturen von Redux, zeigt deren praktische Anwendung und bietet Raum für eigene Übungen, ...