Self debugging

Debugging frontend app

Browser console logs

  • Open your app in the browser.
  • Access the browser's developer console (right-click and select "Inspect").
  • Look for any error messages or warnings in the console logs.

Browser developer tools debugger

Use developer tools in your browser to set breakpoints in your frontend code and inspect variables as your app runs. This can help you pinpoint issues in your code.

Using the debugger; statement

Utilize the debugger statement to freeze code execution and examine the state of your code during debugging. This can be more effective than using console.log.

Snippets

Use code snippets to test specific functionalities of your app without altering your codebase. See example video.

Network tab

Monitor network requests and responses using the Network tab to identify issues related to API calls and data fetching.