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 ...

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 Bremen, Hannover, Zürich, Essen, Darmstadt

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 ...

Relay und GraphQL

- u.a. in Berlin, Frankfurt am Main, Köln, Nürnberg, Koblenz

In diesem 3-tägigen Seminar "Apollo für Relay und GraphQL" erhalten Sie eine praxisorientierte Einführung in den Einsatz von Relay zusammen mit GraphQL in React-Anwendungen. Der Fokus liegt darauf, Ihnen den Umgang mit Relay in Verbindung mit GraphQL zu vermitteln. ...