Packt

Fortgeschrittene React-Muster, Tests und Next.js

Holen Sie sich eines unserer besten Angebote und erweitern Sie Ihre Fähigkeiten mit 50% Rabatt auf Coursera Plus. Jetzt sparen.

Packt

Fortgeschrittene React-Muster, Tests und Next.js

Bei Coursera Plus enthalten

Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.
Stufe Mittel

Empfohlene Erfahrung

2 Wochen zu vervollständigen
unter 10 Stunden pro Woche
Flexibler Zeitplan
In Ihrem eigenen Lerntempo lernen
Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.
Stufe Mittel

Empfohlene Erfahrung

2 Wochen zu vervollständigen
unter 10 Stunden pro Woche
Flexibler Zeitplan
In Ihrem eigenen Lerntempo lernen

Was Sie lernen werden

  • Implementieren Sie fortgeschrittene React-Muster wie benutzerdefinierte Hooks, Render-Props und Komponenten höherer Ordnung.

  • Optimieren Sie die Leistung Ihrer React-App mithilfe von Memoization-Techniken, Lazy Loading und Virtualisierung.

  • Lernen Sie mit Next.js alles über Routing, Navigation und serverseitiges Rendering.

  • Erwerben Sie Fachwissen zum Testen von React-Anwendungen mithilfe von Testmethoden für React 19, einschließlich asynchroner Tests.

Kompetenzen, die Sie erwerben

  • Kategorie: React.js
  • Kategorie: Wiederverwendbarkeit von Code
  • Kategorie: Benutzeroberfläche (UI)
  • Kategorie: Einheitliche Prüfung
  • Kategorie: Validierung von Daten
  • Kategorie: Full-Stack Web-Entwicklung
  • Kategorie: Leistungsoptimierung
  • Kategorie: Server-Seite
  • Kategorie: Software-Prüfung
  • Kategorie: Software-Entwurfsmuster

Werkzeuge, die Sie lernen werden

  • Kategorie: UI-Komponenten
  • Kategorie: React Redux
  • Kategorie: Frontend-Integration
  • Kategorie: JavaScript-Frameworks
  • Kategorie: Frontend-Leistung

Wichtige Details

Zertifikat zur Vorlage

Zu Ihrem LinkedIn-Profil hinzufügen

Kürzlich aktualisiert!

Mai 2026

Bewertungen

11 Aufgaben

Unterrichtet in Englisch

Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.

 Logos von Petrobras, TATA, Danone, Capgemini, P&G und L'Oreal

Erweitern Sie Ihre Fachkenntnisse

Dieser Kurs ist Teil der Spezialisierung Spezialisierung „Der komplette React 19 Entwickler-Kurs (inkl. Next.js 16)“
Wenn Sie sich für diesen Kurs anmelden, werden Sie auch für diese Spezialisierung angemeldet.
  • Lernen Sie neue Konzepte von Branchenexperten
  • Gewinnen Sie ein Grundverständnis bestimmter Themen oder Tools
  • Erwerben Sie berufsrelevante Kompetenzen durch praktische Projekte
  • Erwerben Sie ein Berufszertifikat zur Vorlage

In diesem Kurs gibt es 9 Module

In diesem Modul beschäftigen wir uns eingehend mit den benutzerdefinierten Hooks von React. Wir werden uns damit befassen, wie man benutzerdefinierte Hooks erstellt und implementiert, um wiederverwendbare Logik zu verwalten, beispielsweise den Status von Formularen und die Validierung. Du lernst, deine Codestruktur zu optimieren, indem du komplexe Logik in wiederverwendbare Funktionen kapselst.

Das ist alles enthalten

2 Videos2 Lektüren1 Aufgabe

In diesem Modul werden wir uns mit fortgeschrittenen Mustern zur Erstellung wiederverwendbarer und wartbarer React-Komponenten befassen. Dabei werden Themen wie Render Props, zusammengesetzte Komponenten und HOCs behandelt, die Ihnen helfen, flexiblere und skalierbarere Anwendungen zu erstellen. Außerdem lernen Sie Muster kennen, die eine bessere Statusverwaltung und Prop-Handhabung ermöglichen.

Das ist alles enthalten

8 Videos1 Aufgabe

In diesem Modul konzentrieren wir uns auf die Verbesserung der Leistung von React-Anwendungen. Sie lernen, wie Sie das Rendering mithilfe von Memoization-Techniken, Lazy Loading von Komponenten und der Virtualisierung großer Listen optimieren können. Darüber hinaus zeigen wir Ihnen, wie Sie den React DevTools Profiler einsetzen, um Leistungsprobleme zu identifizieren und zu beheben.

Das ist alles enthalten

8 Videos1 Aufgabe

In diesem Modul behandeln wir das Routing und die Navigation in React-Anwendungen. Sie lernen, wie Sie verschachtelte Routen konfigurieren, dynamische URL-Parameter verarbeiten und den Zugriff auf Routen je nach Authentifizierungsstatus einschränken. In diesem Abschnitt werden außerdem Techniken zur Implementierung effizienter und flexibler Routing-Strukturen behandelt.

Das ist alles enthalten

7 Videos1 Aufgabe

In diesem Modul beschäftigen wir uns eingehend mit der fortgeschrittenen Formularverarbeitung in React. Sie lernen, wie Sie Formulardaten verwalten, Eingaben mithilfe von react-hook-form und Yup validieren und benutzerdefinierte Eingabekomponenten für komplexe Formulare erstellen. Dieser Abschnitt soll sicherstellen, dass Sie robuste, skalierbare Formularlösungen in Ihren React-Anwendungen implementieren können.

Das ist alles enthalten

5 Videos1 Aufgabe

In diesem Modul beschäftigen wir uns mit dem Abrufen von Daten und der Zustandsverwaltung in React. Sie lernen, wie Sie mit `fetch` und `useEffect` Daten aus APIs abrufen, den globalen Zustand mit `Zustand` verwalten und das Redux Toolkit für komplexe Zustandslogik einsetzen. Darüber hinaus behandeln wir die Fehlerbehandlung, um eine nahtlose Benutzererfahrung zu gewährleisten.

Das ist alles enthalten

8 Videos1 Aufgabe

In diesem Modul konzentrieren wir uns auf das Testen von React-Komponenten. Sie lernen, wie Sie Testbibliotheken einsetzen, um die Darstellung und das Verhalten von Komponenten zu testen, einschließlich Formularfeldern und bedingter Darstellung. Außerdem beschäftigen wir uns eingehend mit Snapshot-Tests und der Simulation von Benutzerereignissen, um sicherzustellen, dass Ihre Komponenten wie erwartet funktionieren.

Das ist alles enthalten

13 Videos1 Aufgabe

In diesem Modul werden wir die verschiedenen in React verfügbaren Rendering-Techniken untersuchen, darunter SSR, SSG und ISR. Sie werden ein Verständnis dafür entwickeln, wann die jeweilige Methode eingesetzt werden sollte, um die Leistung und Skalierbarkeit zu verbessern. Dieser Abschnitt vermittelt Ihnen das nötige Wissen, um fundierte Entscheidungen hinsichtlich der Rendering-Strategien zu treffen.

Das ist alles enthalten

1 Video1 Aufgabe

In diesem Modul werden wir uns intensiv mit Next.js 16 befassen und dessen leistungsstarke Funktionen wie dateibasiertes Routing, SSR/SSG/ISR sowie serverseitige Logik erkunden. Sie lernen, wie Sie ein Next.js-Projekt einrichten, Client-Server-Komponenten integrieren und API-Routen für die Full-Stack-Entwicklung nutzen. Dieser Abschnitt bereitet Sie darauf vor, skalierbare und effiziente Next.js-Anwendungen zu entwickeln.

Das ist alles enthalten

43 Videos1 Lektüre3 Aufgaben

Erwerben Sie ein Karrierezertifikat.

Fügen Sie dieses Zeugnis Ihrem LinkedIn-Profil, Lebenslauf oder CV hinzu. Teilen Sie sie in Social Media und in Ihrer Leistungsbeurteilung.

Dozent

Packt - Course Instructors
Packt
1.946 Kurse575.115 Lernende

von

Packt

Mehr von Software-Entwicklung entdecken

Warum entscheiden sich Menschen für Coursera für ihre Karriere?

Felipe M.

Lernender seit 2018
„Es ist eine großartige Erfahrung, in meinem eigenen Tempo zu lernen. Ich kann lernen, wenn ich Zeit und Nerven dazu habe.“

Jennifer J.

Lernender seit 2020
„Bei einem spannenden neuen Projekt konnte ich die neuen Kenntnisse und Kompetenzen aus den Kursen direkt bei der Arbeit anwenden.“

Larry W.

Lernender seit 2021
„Wenn mir Kurse zu Themen fehlen, die meine Universität nicht anbietet, ist Coursera mit die beste Alternative.“

Chaitanya A.

„Man lernt nicht nur, um bei der Arbeit besser zu werden. Es geht noch um viel mehr. Bei Coursera kann ich ohne Grenzen lernen.“

Häufig gestellte Fragen