React - Aufbau - Seminar / Kurs von PROTRANET GmbH

In diesem Kurs erhalten Sie eine vertiefte Behandlung von React und Einblicke in zusätzliche Libraries. Sie vertiefen bekannte Konzepte wie das Schreiben von Komponenten und die Verwendung von Hooks sowie erweiterte Funktionalitäten wie Refs, Context und Portale. Außerdem erhalten Sie einen Überblick über beliebte Tools und Libraries wie React-Query, Next.js und Redux, um Ihre React-Kenntnisse effektiver einzusetzen.

React im Detail

• Verfeinerung von React-Konzepten
• Erforschung von TypeScript für React nach Bedarf
• Vertiefte Analyse der Funktionsweise von Hooks
  • Erklärung der Hintergründe und Regeln von Hooks
  • Erstellung eigener Hooks

Komponenten im Detail

• Übergabe von Inhalten an Komponenten
• Verwendung von "Wrappern" für bestehende HTML-Elemente
• Erklärung der Entwurfsmuster: Render-Props und HOC (Higher-order Component)
• Lösungen für "Prop Drilling" und ihre Anwendungen

JSX im Detail

• Erläuterung der Kompilierung von JSX
• Sicherheitsaspekte und XSS-Schutz

Effect-Hook im Detail

• Behandlung des Problems des veralteten States
• Kontext
  • Definition von Kontext mit und ohne State
  • Kontext in Verbindung mit TypeScript

Refs

• Verwendung von Refs zur Speicherung von Daten
• Zugriff auf HTML-Elemente mithilfe der Ref-Property

Performance-Optimierung

• Leistungsmessung
• Anwendung von "memo" und "useCallback" zur Optimierung
• Lazy-Loading von Komponenten

Reducer-Hook und State Management mit Reducern

• Portale und Error Boundaries
• Nutzung von Strict-Mode

React Libraries und Tools

• API-Kommunikation
  • Verwendung von Libraries für die API-Kommunikation
  • Abfragen von APIs mit react-query
  • Integration von GraphQL-Queries in React mit Apollo
• next.js
  • Vor-Rendering von Routen mit next.js
  • Einrichtung von Routen in next.js

Testen und Komponentendemos

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

State Management und Redux

• Vorstellung von State Management Tools: Redux, MobX, Zustand
• Verwendung von Redux Libraries: redux toolkit, thunk, etc.
• Einsatz von Immutability-Hilfslibraries: immutable.js, immer.js

Styling Tools

• Anwendung von Emotion
• Verwendung von Styled-Components

Überblick über weitere Tools

• PWAs mit React
• Einführung in React Native
• Authentifizierung mit React
• Internationalisierung mit React

Der Kurs richtet sich an erfahrene Entwickler, die bereits über Grundkenntnisse in React verfügen und ihr Verständnis vertiefen möchten.