Seminare
Seminare

React Einführung: Grundlagen für Web-Entwickler

Seminar - GFU Cyrus AG

Sie kennen die Vorteile von React und seines Ökosystems. Sie können React-Projekte erstellen und React-Komponenten mit Hooks und TypeScript selbstständig entwickeln. Sie binden Daten per HTTP an, verwalten den Zustand Ihrer Anwendung und haben das Testen von React-Anwendungen kennengelernt.
Termin Ort Preis*
firmenintern auf Anfrage auf Anfrage
*Alle Preise verstehen sich inkl. MwSt.

Detaillierte Informationen zum Seminar

Inhalte:
  • React im Überblick
    • Grundprinzipien moderner Frontend-Frameworks und Vergleich mit Alternativen
    • Deklarative Architektur und Komponenten
    • Das React-Ökosystem: Frameworks wie Next.js, Zustandsverwaltung und Werkzeuge im Überblick
    • Aktuelle React-Version und Ausblick: Server Components und Actions im Überblick

  • Projekt-Setup
    • Neues Projekt mit Vite erstellen
    • Projektstruktur, Entwicklungsserver und Produktions-Build

  • JSX: die React-Templatesprache
    • Binden von Inhalten und Props
    • Event-Handler
    • Bedingte Darstellung
    • Elemente wiederholen
    • CSS-Klassen und Stile

  • State und deklaratives Rendering
    • Arbeiten mit State und dem State Hook
    • State Management mit Reducern und dem Reducer Hook
    • Überblick über Zustandsverwaltung: Redux Toolkit und Zustand
    • Klassenkomponenten im Bestandscode erkennen

  • React mit TypeScript
    • TypeScript-Grundlagen: Typdeklarationen, Funktionssignaturen, Type Aliases, Generics (jeweils nach Bedarf)
    • Typisierung von Komponenten-Props und -Events
    • Typisierung von Event-Handlern
    • Typisierung verschiedener Hooks

  • Komponenten
    • Einbinden vorgefertigter Komponenten
    • Definieren eigener Komponenten
    • Props und Events in eigenen Komponenten
    • Inspizieren von Komponenten mit den React Developer Tools

  • API-Abfragen und der Effect-Hook
    • Senden von HTTP-Anfragen via fetch oder Axios
    • Auslösen von HTTP-Anfragen mittels des Effect-Hooks, Aufräumen und Abbruch
    • Datenabruf mit TanStack Query im Überblick

  • Erweiterte Themen im React-Universum
    • Verwendung eines Routers
    • Definieren eigener Hooks
    • Verwenden externer Hooks
    • Context: Bereitstellen von Daten über einen Komponentenbaum hinweg
    • Testen von React-Anwendungen mit Vitest und React Testing Library

Zielgruppe:
Das Seminar richtet sich an Sie, wenn Sie als Web-Entwickler oder Web-Programmierer mit React Web-Anwendungen und Apps erstellen möchten.

Teilnahmevoraussetzungen


Sie benötigen Erfahrung in HTML, CSS und JavaScript.
Seminarkennung:
S1976
Nach unten
Nach oben
Wir setzen Analyse-Cookies ein, um Ihre Zufriedenheit bei der Nutzung unserer Webseite zu verbessern. Diese Cookies werden nicht automatisiert gesetzt. Wenn Sie mit dem Einsatz dieser Cookies einverstanden sind, klicken Sie bitte auf Akzeptieren. Weitere Informationen finden Sie hier.
Akzeptieren Nicht akzeptieren









Um Spam abzuwehren, geben Sie bitte die Buchstaben auf dem Bild in das Textfeld ein:

captcha



Bei der Verarbeitung Ihrer personenbezogenen Daten im Zusammenhang mit der Kontaktfunktion beachten wir die gesetzlichen Bestimmungen. Unsere ausführlichen Datenschutzinformationen finden Sie hier. Bei der Kontakt-Funktion erhobene Daten werden nur an den jeweiligen Anbieter weitergeleitet und sind nötig, damit der Anbieter auf Ihr Anliegen reagieren kann.







Um Spam abzuwehren, geben Sie bitte die Buchstaben auf dem Bild in das Textfeld ein:

captcha