React Testen und Debuggen

Haben Sie sich bei der Arbeit an einem React-Projekt schon einmal verloren oder frustriert gefühlt? Nun, verzweifeln Sie nicht länger, lernen Sie Werkzeuge und Methoden kennen, um Fehler zu finden und auch zu beseitigen.

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 undLeistung
• 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.