Seminarinformationen

Seminar - Ziel

In diesem 3-tägigen Seminar "React für Fortgeschrittene" vertiefen Sie Ihr Wissen über React und erhalten Einblicke in zahlreiche zusätzliche Libraries aus dem React-Umfeld. Der Fokus liegt auf etablierten Konzepten wie dem Erstellen von Komponenten und dem Einsatz von Hooks, ergänzt durch relevante Entwurfsmuster und weiterführende Konzepte.

Sie machen sich mit erweiterten Funktionalitäten von React vertraut, darunter Refs, Context, Portale, Error-Boundaries sowie Methoden zur Performance-Optimierung. Zudem erhalten Sie einen Überblick über populäre Werkzeuge und Libraries aus dem React-Ökosystem, wie React-Query, Next.js, Redux, verschiedene Styling-Ansätze und Test-Tools. Dieses Seminar baut auf Ihren bestehenden React-Kenntnissen auf und hilft Ihnen, React noch wirkungsvoller und effizienter in Ihren Projekten einzusetzen.

Teilnehmer - Zielgruppe

  • Entwickler

Kurs - Voraussetzungen

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

Seminardauer

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

Schulungsunterlagen

  • nach Absprache

Seminar-Inhalt / Agenda

React im Detail

nach Bedarf: TypeScript für React

Hooks im Detail

  • Hintergründe und Regeln von Hooks
  • Eigene Hooks erstellen

Komponenten im Detail

  • Inhalte an Komponenten übergeben
  • "Wrapper" für bestehende HTML-Elemente
  • Entwurfsmuster: Render-Props
  • Entwurfsmuster: HOC (Higher-order Component)
  • "Prop Drilling" und Abhilfen

JSX im Detail

  • Kompilierung
  • Sicherheit und XSS

Effect-Hook im Detail (Problem des veralteten States)

Context

  • Context-Definition mit und ohne State
  • Context und TypeScript

Refs

  • Refs zum Ablegen von Daten
  • Ref-Property zum Zugriff auf HTML-Elemente

Performance-Optimierung

  • Messen der Performance
  • Einsetzen von "memo" und "useCallback" zur Optimierung
  • Lazy-Loading von Komponenten

Reducer-Hook und State Management mit Reducern

  • Portale
  • Error Boundaries
  • Strict-Mode

React Libraries und Tools

API-Kommunikation

  • Libraries für die API-Kommunikation
  • Abfragen von APIs mit react-query
  • GraphQL-Queries in React mit Apollo

next.js

  • Pre-Rendering von Routen mit next.js
  • Routing in next.js

Testen und Komponentendemos

  • Komponentendemos mit Storybook
  • Überblick über automatisierte Tests in JavaScript
  • E2E-Tests mit Cypress
  • Testen von React-Komponenten mit react-testing-library

State Management und Redux

  • Überblick über State Management Tools: Redux, MobX, Zustand
  • Libraries für Redux: redux toolkit, thunk, ...
  • Immutability-Hilfslibraries: immutable.js, immer.js

Styling Tools

  • Emotion
  • Styled-Components

Überblick über weitere Tools

  • Überblick: PWAs mit React
  • Überblick: React Native
  • Überblick: Authentifizierung mit React
  • Überblick: Internationalisierung mit React

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 - Unit Testing

- u.a. in Berlin, Zürich, Dresden, Erfurt, Marburg

In diesem 2-tägigen Seminar "React und Redux – Unit Testing" erhalten Sie eine Einführung in die Grundlagen des gezielten Testens von React- und Redux-Anwendungen. Dabei steht der Einsatz des Jest-Frameworks im Mittelpunkt, mit dem Sie Tests für React-Komponenten und ...

React - Design Systeme mit TailwindCSS und shadcn/ui

- u.a. in Bremen, Paderborn, Heidelberg, Erfurt, Nordhausen

In diesem 2-tägigen Seminar "React – Design-Systeme mit TailwindCSS und shadcn/ui" erfahren Sie, wie Sie mit Hilfe von TailwindCSS und shadcn/ui ein flexibles und individuell anpassbares Design-System für React-Anwendungen entwickeln. Sie erfahren, wie shadcn/ui im ...