Wenn wir über das Debuggen sprechen, ist es wichtig zu verstehen, was möglicherweise schief gehen kann
und in welchen Situationen Sie Ihren Code debuggen oder Fehler vermeiden möchten.
Das offensichtlichste, was schief gehen kann, ist, dass Ihre App abstürzt oder dass Sie eine
bekommen Fehlermeldung. In der
Entwicklung ist dies diese rote Box, die Ihre App überlagert, die wir bereits in diesem Kurs gesehen haben, und diese Fehlermeldungen sind
natürlich ein klares Zeichen dafür, dass etwas mit Ihrem Code nicht stimmt.
Subtiler sind logische Fehler. In Ihren Apps werden Sie sicherlich irgendwann ein Verhalten haben, das
für Sie möglicherweise keinen Sinn ergibt oder bei dem etwas einfach nicht so funktioniert, wie es funktionieren sollte.
Sie erhalten keinen Fehler, aber Ihre App verhält sich schlecht,
funktioniert
nicht richtig und normalerweise haben Sie irgendwo logische Fehler, die dies verursachen.
Und zu guter Letzt haben Sie Ihre Benutzeroberfläche, Ihr Styling, Ihr Layout, die
Benutzererfahrung, die Sie erstellen möchten, und vielleicht ist das nicht der Fall. Vielleicht
haben Sie etwas, das einfach nicht so aussieht oder sich so anfühlt, wie es aussehen oder sich anfühlen sollte und das kann
auch schief gehen und das du vermeiden willst. Typische Beispiele für Fehlermeldungen oder Ursachen für
Fehlermeldungen sind Syntaxfehler, bei denen Sie einfach einen Tippfehler in Ihrem Code haben oder bei denen Sie eine schließende
geschweifte Klammer vergessen haben, so etwas, aber auch einfach Fehler in Ihrem Code,
z. B. eine Codezeile Wenn Sie einen Wert verwenden, den Sie eigentlich
nie festgelegt haben, versuchen Sie beispielsweise, etwas mit einem undefinierten Wert zu berechnen oder eine Zeichenfolge zu
analysieren, die tatsächlich undefiniert ist,
so etwas, was normalerweise auch zu Fehlern führen würde. Und dann haben Sie eine spezielle Art von Fehler und dies sind
unvermeidbare Fehler, wie ich sie gerne nenne.
Das bedeutet nicht, dass dies Fehler sind, die Sie nicht vermeiden können, weil Sie
als Entwickler
einfach nicht gut genug sind. Stattdessen meine ich Fehler, die daraus resultieren können, dass Sie eine Netzwerkanfrage stellen und die Benutzer
Ihrer App keine Netzwerkverbindung haben oder dass Sie in das Dateisystem schreiben und dieser Zugriff irgendwie blockiert ist, sodass Sie nicht
sicher sein können, dass dies niemals fehlschlägt, wenn Benutzer Ihre App verwenden, da Sie nicht steuern können, wie sie Ihre App verwenden oder unter welchen
Umständen Sie verwenden Ihre App und für solche Fehler können Sie auch Strategien finden, bei denen Sie den Fehler
nicht vermeiden können, aber bei denen Sie damit umgehen können. Ein typisches Beispiel für logische Fehler wäre, dass
Sie ein unerwünschtes oder unerwartetes App-Verhalten haben und dies natürlich beseitigen möchten, dass Sie ein unerwartetes
oder nicht behandeltes Benutzerverhalten haben, sodass Benutzer Ihre App so verwenden, wie Sie es möchten Sie wollten sie
nicht verwenden. Wenn Sie Ihre App während der
Entwicklung testen, möchten Sie wirklich kreativ sein und herausfinden, ob Benutzer an Stellen
gelangen können, an denen sie fortfahren können oder an denen Ihre App nicht richtig funktioniert, sodass die Benutzer möglicherweise folgen
Eine bestimmte Abfolge von Schritten, die zu einem Fehler führt, zu einem logischen Fehler. Möglicherweise
fehlt irgendwann eine Eingabe, und Sie prüfen nicht, ob diese Eingabe festgelegt ist. Wenn diese nicht festgelegt ist,
können Sie ein anderes Problem verursachen oder gehe in einen anderen Fehler,
also so etwas.
Wenn wir jetzt über das Styling und das Layout sprechen, können wir natürlich unerwartetes oder falsches Styling haben.
Wir testen also die App und sehen, dass sie nicht so aussieht, wie sie
sollte, oder vielleicht haben wir nur inkonsistente Ergebnisse verschiedene Geräte, vielleicht
sieht unsere App unter iOS gut aus, aber nicht unter Android oder nicht zuletzt, vielleicht haben wir ein Layout, das auf
bestimmten Geräten oder in bestimmten Ausrichtungen einfach nicht funktioniert oder sich nicht richtig anfühlt.
Vielleicht passt unser Inhalt auf sehr kleinen Geräten nicht auf den
Bildschirm. All dies möchten wir auch ausschließen. Nun, das können Sie debuggen.
Wie debuggen Sie? Welche Tools erhalten Sie zum Debuggen Ihrer Fehler?
Das offensichtlichste Tool, das Sie erhalten, und dennoch übersehen viele Leute die Fehlermeldungen.
Lesen Sie ernsthaft
die Fehlermeldungen, die Sie erhalten.
Ich habe es in meinen Kursen so oft gesehen, dass die Schüler einen Fehler bekommen und einfach gehen. Oh Gott, ich habe
einen Fehler, einen Screenshot oder ein Kopieren und Einfügen in den Abschnitt "Fragen und Antworten". Manchmal können Fehler sehr schwer zu debuggen
oder zu verstehen sein oder Sie benötigen einige Erfahrung, um herauszufinden, was genau schief gelaufen ist, aber um
ganz ehrlich zu sein, sind Fehlermeldungen häufig wirklich klar, was schief gelaufen ist, oder enthalten sogar eine Lösung, wie Sie
den Fehler beheben können.
Und last but not least bringt es Sie oft sehr weit, einfach eine Fehlermeldung zu nehmen und sie zu googeln, da
Sie wahrscheinlich nicht der erste sind, der sie erhält.
Angenommen, Sie erhalten keine Fehlermeldung, aber Ihre App verhält sich an einer bestimmten Stelle nicht richtig, oder
Sie sind sich nicht sicher, ob ein Wert in einem Teil Ihres Codes richtig eingestellt ist.
Eine sehr einfache Möglichkeit, in Ihren Code zu schauen und ein Gefühl für die Werte zu bekommen, mit denen
Sie im Code arbeiten, ist die Verwendung eines guten alten Konsolenprotokolls. Jetzt hat das Debuggen von Konsolenprotokollen nicht den besten Ruf, und
in der Tat ist es nicht so toll, wenn Sie ein sehr komplexes Problem
debuggen, sondern einfach eine Vorstellung vom Fluss Ihres Codes oder von einigen der Werte bekommen, mit denen Sie arbeiten , Es ist
großartig.
Sie können es einfach in Ihren Code einfügen und dann herausfinden, welchen Wert Sie an welchem Punkt verwenden
oder wie sich etwas in einer bestimmten Situation verhält oder ob überhaupt etwas ausgeführt wird.
Daher sollten Sie dies auf jeden Fall auch tun.
Bei komplexeren Problemen oder wenn Sie Ihren Code wirklich Schritt für Schritt durchgehen möchten, ist die Verwendung des Chrome-Debuggers und
der Haltepunkte ein großartiges Tool, das von React Native unterstützt wird, sowohl wenn Sie die Expo verwenden
als auch wenn Sie es sind Expo nicht benutzen. Dort können Sie wirklich tief in Ihren Code eintauchen und ein
Gefühl dafür bekommen, wie er funktioniert. Gehen Sie ihn Schritt für Schritt durch und sehen Sie sich Ihren Code an, während er
ausgeführt wird.
Schauen wir uns diese Dinge jetzt an.