React Testen und Debuggen

Das Aufspüren von Fehlern in React und den vielen verschiedenen Komponenten, mit denen es kommuniziert, kann eine Herausforderung sein.

Grundlegende JavaScript-Tests und Debugging-Tools funktionieren zwar, aber Lösungen, die speziell für React entwickelt wurden, sparen Ihnen Zeit und Mühe. Entdecken Sie Tools sowie Tipps und Techniken, mit denen Sie Probleme in Ihren Anwendungen finden, diagnostizieren und beheben können.

Lernen Sie, wie Sie React-Code mit Jest testen, mit Chrome debuggen, den Typ mit Flow überprüfen und Ihren Code mit ESLint optimieren können. Sie erfahren alles, was Sie für den Einstieg in das Testen und Debuggen mit React brauchen.

Testen und Debuggen von React-Anwendungen

• Konfiguration von React-Projekten
• Ein Überblick über die Toolsammlung
• React-Entwickler-Tools
• Jest - Einführung
• Typprüfung mit Flow
• Linting mit ESLint

Testen mit Jest

• Testen von Zahlen mit Matchern
• Testen von Strings mit Matchern
• Testen von Arrays und Objekten mit Matchern
• Snapshot-Tests mit Jest
• Organisation von Tests mit describe()
• Code-Abdeckungsberichte

Debuggen mit Chrome und Erweiterungen

• Debuggen mit Chrome Einführung
• Fehlersuche mit React DevTools
• Testen von Netzwerkzugriff und Leistung
• Prüfung in Chrome durchführen
• Debug-Ressourcen zum Finden von Lösungen

ESLint und Typisierung

• Code-Verbesserung mit ESLint
• Typprüfung mit Flow

Haben Sie sich bei der Arbeit an einem React-Projekt schon einmal verloren oder frustriert gefühlt, weil Sie nicht herausfinden konnten, was mit Ihrem Anwendungscode nicht stimmt? Nun, verzweifeln Sie nicht länger, lernen Sie Werkzeuge und Methoden kennen, um Fehler zu finden und auch zu beseitigen. Sie werden zunächst alle benötigten Tools für das Testen und Debuggen von React-Anwendungen einrichten. Anschließend lernen Sie das Testen mit Jest und führen erste eigene Tests durch. Erfahren Sie dann, wie Sie einen Snapshot erstellen und Code-Coverage-Berichte erstellen. Als Nächstes erleben Sie, wie Sie die Chrome- und React-Entwicklungswerkzeuge nutzen und Fehler zu finden und zu beheben. Schließlich werden Sie die Codesyntax, die Fehlervermeidung und die Leistung mit Hilfe von Typüberprüfung, ESLint und weiteren Werkzeugen verbessern.

Die Weiterbildung "React Testen und Debuggen" bieten wir Ihnen als Firmenseminar sowie Inhouse-Schulung Live-Online und Vor-Ort an!