Schulungsübersicht

Einführung

Modernes React

  • Was ist neu in React 18 und 19
  • Moderne Werkzeuge und Änderungen im Ansatz

React Erweiterte Hooks

  • useMemo, useCallback, useDispatch, useRef, useImperativeHandle

Gleichzeitiger Modus in React

  • Verwendung von useTransition, useDeferredValue-Haken

Next.js Routing

  • Unterschiede zwischen App Router und Pages Router

Rendering-Strategien in Next.js

  • Serverseitiges Rendering vs. Single Page Application vs. Static Generation

Server-Komponenten und Server-Aktionen

  • Verwendung der 'use server'- und 'use client'-Direktiven

Datenabruf und Caching

  • Inkrementelle Strategie zur statischen Regeneration

Verwendung von Next.js als Backend

  • Edge-Funktionen und Edge-Laufzeit

State Management

  • React Kontext, Redux und atomare Zustandsverwaltung (Zustand)

Erstellen von Templates in Next.js

  • Wiederverwendbare Templates
  • Verfügbare CSS Ansätze und Vorlagenbibliotheken

Performance-Optimierung

  • Verbesserung der Ladezeit und Erreichen hoher Web Core Vitals-Werte

Instrumentierung

Testen in Next.js

Monorepo-Strategien

  • Next.js mit TurboRepo / Nx

Überwachung, Bereitstellung und Orchestrierung

Zusammenfassung und nächste Schritte

Voraussetzungen

  • Ausgeprägtes Verständnis von JavaScript und ES6+
  • Erfahrung mit React und React Hooks
  • Grundlegende Vertrautheit mit Next.js
  • Verständnis von API-Aufrufen und Zustandsverwaltung

Zielgruppe

  • Erfahrene React-Entwickler, die ihr Wissen über Next.js vertiefen möchten
  • Front-End- und Full-Stack-Entwickler, die fortgeschrittene Techniken zur Leistungsoptimierung suchen
  • Software-Ingenieure, die an umfangreichen Next.js-Anwendungen arbeiten
 21 Stunden

Teilnehmerzahl


Price per participant (excl. VAT)

Erfahrungsberichte (1)

Kommende Kurse

Verwandte Kategorien