React – Aufbau

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